打字稿键入类组件的连接道具[重复]

Question

复制这个问题：Typescript + React/Redux: Property "XXX" does not exist on type 'IntrinsicAttributes & IntrinsicClassAttributes 但具有更好的最小 sn-p 和参考。

问题

在使用react-redux+typescript时，发现connect映射的props无法被tslint识别。

错误及示例如下：

类型'Readonly & Readonly'.ts(2339)

类型“Readonly & Readonly'.ts(2339)

这是example的一部分（与（#what I did, first line）相同：

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

class App extends React.Component {
  render() {
    return (
      <div className="App">
        <h2>{this.props.counter}</h2>
        <button onClick={this.props.counterAdd}>+</button>
      </div>
    );
  }
}

export default connect(
  (state: any) => ({
    counter: state.counter
  }),
  {
    counterAdd: () => ({ type: "ADD" })
  }
)(App);

我做了什么

• 尝试搜索了一段时间，并取得了a minimal snippet。
• 找到documentation on functional component

Answer 1

像这样分配Generic Type Variables

- 类应用扩展 React.Component {

+ class App extends React.Component<{
+   counter: number;
+   counterAdd: () => object;
+ }> {

Check the effect