compose<any> 我是怎么输入这些东西的？

Question

我有问题要问你！我在 typeScript 上迁移了我的整个应用程序，但在 compose 功能上遇到了一些困难......（不用担心我已经修复的其他任何问题，除了 compose()）

使用compose(...)（没有“任何”）我得到以下信息：

没有重载匹配这个调用。 Overload 1 of 2, '(props: Readonly): Route'，给出了以下错误。 类型“未知”不可分配给类型“ComponentClass |功能组件 |组件类，任意> |函数组件<...> |不明确的'。 类型“未知”不可分配给类型“FunctionComponent>”。 Overload 2 of 2, '(props: RouteProps, context?: any): Route'，给出了以下错误。 类型“未知”不可分配给类型“ComponentClass |功能组件 |组件类，任意> |函数组件<...> |不明确的'。 类型“未知”不可分配给类型“FunctionComponent>”。 TS2769

这就是为什么我想替换它并输入它。

这是我的代码：

/container.ts

//@ts-ignore
import { connect } from "react-redux";
import { compose, AnyAction, Dispatch } from "redux";
import { withRouter } from "react-router-dom";
import { getProfile, updateProfile } from "../../../services/clients/user";
import { updateUserInitial } from "../../../actions/initialUser";
import { IStoreState } from "../../typeScriptInclude";
import { ThunkDispatch } from "redux-thunk";
import { Profile } from "./component/utilities/includeTypeScript";
import { IEditAccountProps as Props } from './component/EditAccount';

interface IupDateWalterInitailUserPropsType {
  walterUser: {
    first_name: string;
    last_name: string;
  };
}

interface IMapStateToProps{
  isConnect: boolean;
  walterUser: any;
  upDateProfile: any;
}

interface IMapDispatchToProps{
  upDateWalterInitailUser: any;
}

const mapStateToProps = (state: IStoreState): IMapStateToProps => {
  return {
    isConnect: state.isConnect,
    walterUser: getProfile(),
    upDateProfile: (data: Profile) => updateProfile(data)
  };
};

type ApplicationDispatch = ThunkDispatch<IStoreState, void, AnyAction> &
  Dispatch;

const mapDispatchToProps = (
  dispatch: ApplicationDispatch,
): IMapDispatchToProps => ({
  upDateWalterInitailUser: (form: IupDateWalterInitailUserPropsType) =>
    dispatch(updateUserInitial(form))
});

export default compose<any>(
  withRouter,
  connect(
    mapStateToProps,
    mapDispatchToProps
  )
);

/index.ts

import EditAccount from "./component/EditAccount";
import container from './container';

export default container(EditAccount);

事情是我尝试了很多东西来输入它，但无能为力...... 我试过了

// Which props define our new component : IProps - IInjectedProps
type ContainerProps = Omit<Props, keyof InjectedProps>;

export default compose<Props, ContainerProps>(
  withRouter,
  connect(
    mapStateToProps,
    mapDispatchToProps
  )
);

我起飞 withRouter 但我得到以下信息：

预期 2 个参数，但得到 1 个。TS2554

显然，但为什么它不适用于我的第一个解决方案......需要了解

谢谢大家最好的问候。

Answer 1

这是connect 的问题，而不是compose。我记得，node_modules/@types 中的react 版本不匹配。 react-redux types 文件夹中有它自己的 node_modules 并从中读取 react 类型。它与根node_modules 中的实际react 文件夹不同。所以，发生的情况是，ComponentClass 类型是从两个不同的 .d.ts 文件中读取的，并且不匹配，因此出现错误。

您可以 @ts-ignore connect 行并忘记它。这对我来说不是很吸引人，所以我所做的（虽然这是一个 hack 并且有点整洁）是我从 root/node_modules/@types/react-native 和 root/node_modules/@types/react-redux 中删除了 node_modules。这样做，使tslint 能够从root/node_modules/@types/react 的同一文件中读取类型。它解决了问题，但每次安装或卸载软件包时，node_modules 会再次出现。您每次都必须删除它们（我有一个 cmd 批处理文件）。希望这可以帮助。