react-redux connect() 和错误 TS2345

mbh

我无法弄清楚为什么此代码无法构建并出现以下错误:

(43,3): error TS2345: Argument of type 'typeof Day' is not assignable to parameter of type 'Component<Props | (Props & ConnectProps & DispatchProps)>'.
  Type 'typeof Day' is not assignable to type 'StatelessComponent<Props | (Props & ConnectProps & DispatchProps)>'.
    Type 'typeof Day' provides no match for the signature '(props: (Props & { children?: ReactNode; }) | (Props & ConnectProps & DispatchProps & { children?: ReactNode; }), context?: any): ReactElement<any>'.

我正在运行 typescript 2.3.3,@types/react-redux 的版本是 4.4.41。

import * as React from "react";
import { connect } from "react-redux";

export interface Props {
  date: Date;
}

export interface ConnectProps {
  shifts: string[];
}

export interface DispatchProps {}

class Day extends React.Component<Props & ConnectProps & DispatchProps, null> {
  render() {
    /* simplified */
    return <div />;
  }
}

const mapStateToProps = (state: any, ownProps?: Props): ConnectProps => {
  /* simplified */
  return {
    shifts: []
  };
};

const mapDispatchToProps = (dispatch: any): DispatchProps => ({});

export default connect<ConnectProps, DispatchProps, Props>(
  mapStateToProps,
  mapDispatchToProps
)(Day);

let component = <Day date={new Date()} />

我想避免装饰器,只要它们是实验性的。

巴萨拉特

我想避免装饰器,只要它们是实验性的。

错误的接近方式。它们就像 JSX 一样工作当前的类型定义假设您将使用装饰器。

更多的

如果您仍然不想使用装饰器,则必须编写自己的类型定义,然后覆盖 redux 中的类型定义,这两个都不是简单的挑战。欢迎您为了好玩而解决它们,但需要的时间比有用的SO 答案中所能提供的要多

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

Angular2 TypeScript指令错误TS2345

来自分类Dev

错误:TS2345:使用打字稿进行编译时

来自分类Dev

处理对象数组时出现TS2345错误

来自分类Dev

解耦React组件和Redux Connect

来自分类Dev

收到打字稿错误:类型'any []'不能分配给'never []'类型。TS2345

来自分类Dev

错误TS2345:类型'Map <String,boolean>'的参数不能被类型'IterableShim <[String,boolean]>'的参数触发

来自分类Dev

Connect.js (React-redux) 中的错误

来自分类Dev

TS2345 [错误]:类型'{深度:和属性'响应'的参数在类型'{respnse:any;上不存在。}'在Deno上编译

来自分类Dev

React&Redux:connect()到多个组件和最佳实践

来自分类Dev

mapDispatchToProps 与 react-redux' connect() 和类组件

来自分类Dev

错误TS2345:类型'OperatorFunction <User,void>'的参数不能分配给类型'OperatorFunction <Object,void>'的参数

来自分类Dev

Angular 5 错误 TS2345:“数字”类型的参数不可分配给“字符串”类型的参数

来自分类Dev

Angular - 错误 TS2345:“NgForm”类型的参数不可分配给“Ussdthirdpartyapp”类型的参数

来自分类Dev

React和Redux Webpack配置错误

来自分类Dev

React和Redux Webpack配置错误

来自分类Dev

React onComponentDidMount event with react-redux connect

来自分类Dev

react-redux的@connect产生错误'connect.js:129Uncaught TypeError:无法读取未定义的属性'store'

来自分类Dev

React Redux - 寻找 connect() 的用例

来自分类Dev

学习 react/redux 并遇到 connect() 问题

来自分类Dev

React,Redux和Firebase

来自分类Dev

React、redux 和路由

来自分类Dev

Redux Connect 与 Typescript - TS2347

来自分类Dev

错误TS2345:类型为{{cluster:string; 加密:布尔值;}”不可分配给“选项”类型的参数

来自分类Dev

打字稿错误:TS2345:“ {主题类型:字符串;jsonFile:字符串; 输出:字符串;}; }”不能分配给“选项”类型的参数

来自分类Dev

React和Redux:获取未定义no-undef错误

来自分类Dev

React和Redux:401未经授权的错误POST API请求

来自分类Dev

处理 React Redux 中的错误

来自分类Dev

React,Redux和不可变

来自分类Dev

InfiniteLoader和react-redux

Related 相关文章

  1. 1

    Angular2 TypeScript指令错误TS2345

  2. 2

    错误:TS2345:使用打字稿进行编译时

  3. 3

    处理对象数组时出现TS2345错误

  4. 4

    解耦React组件和Redux Connect

  5. 5

    收到打字稿错误:类型'any []'不能分配给'never []'类型。TS2345

  6. 6

    错误TS2345:类型'Map <String,boolean>'的参数不能被类型'IterableShim <[String,boolean]>'的参数触发

  7. 7

    Connect.js (React-redux) 中的错误

  8. 8

    TS2345 [错误]:类型'{深度:和属性'响应'的参数在类型'{respnse:any;上不存在。}'在Deno上编译

  9. 9

    React&Redux:connect()到多个组件和最佳实践

  10. 10

    mapDispatchToProps 与 react-redux' connect() 和类组件

  11. 11

    错误TS2345:类型'OperatorFunction <User,void>'的参数不能分配给类型'OperatorFunction <Object,void>'的参数

  12. 12

    Angular 5 错误 TS2345:“数字”类型的参数不可分配给“字符串”类型的参数

  13. 13

    Angular - 错误 TS2345:“NgForm”类型的参数不可分配给“Ussdthirdpartyapp”类型的参数

  14. 14

    React和Redux Webpack配置错误

  15. 15

    React和Redux Webpack配置错误

  16. 16

    React onComponentDidMount event with react-redux connect

  17. 17

    react-redux的@connect产生错误'connect.js:129Uncaught TypeError:无法读取未定义的属性'store'

  18. 18

    React Redux - 寻找 connect() 的用例

  19. 19

    学习 react/redux 并遇到 connect() 问题

  20. 20

    React,Redux和Firebase

  21. 21

    React、redux 和路由

  22. 22

    Redux Connect 与 Typescript - TS2347

  23. 23

    错误TS2345:类型为{{cluster:string; 加密:布尔值;}”不可分配给“选项”类型的参数

  24. 24

    打字稿错误:TS2345:“ {主题类型:字符串;jsonFile:字符串; 输出:字符串;}; }”不能分配给“选项”类型的参数

  25. 25

    React和Redux:获取未定义no-undef错误

  26. 26

    React和Redux:401未经授权的错误POST API请求

  27. 27

    处理 React Redux 中的错误

  28. 28

    React,Redux和不可变

  29. 29

    InfiniteLoader和react-redux

热门标签

归档