'typeof test' 类型的参数不可分配给'Component<{ children?: ReactNode; 类型的参数} & DispatchProp<任何>>'答案

【问题标题】：Argument of type 'typeof test' is not assignable to parameter of type 'Component<{ children?: ReactNode; } & DispatchProp<any>>''typeof test' 类型的参数不可分配给'Component<{ children?: ReactNode; 类型的参数} & DispatchProp<任何>>'
【发布时间】：2018-01-01 12:37:24
【问题描述】：

import * as React from 'react';

import {connect} from 'react-redux';


interface types{

type:string;
status?:boolean;

}


export class Test extends React.Component<undefined,any> {

constructor(props:undefined){
    super(props);
}

private test(){}

render(){
    return(
      <h1 onClick={this.test.bind(this)}>
        test
      </h1>
    )
}

}

export default connect()(Test);

错误

“typeof test”类型的参数不可分配给“Component'。

【问题讨论】：

欢迎来到 Stackoverflow！请花一些时间阅读the help pages，尤其是名为"What topics can I ask about here?" 和"What types of questions should I avoid asking?" 的部分。也请使用tour 并阅读有关how to ask good questions 的信息。最后请学习如何创建Minimal, Complete, and Verifiable Example。
我有点困惑，为什么您需要将此组件连接到 redux。您没有提供函数来连接 redux 状态或分派到组件的 props。您实际上可以完全删除 connect 调用。至于错误，那是因为你的 props 设置为 undefined 并且没有实现任何必需的属性。

标签： reactjs typescript redux react-redux

【解决方案1】：

看起来你过度设计了你的组件；它根本不需要connect 来redux，因为它不使用状态或调度。此外，错误本身是指props 的类型是undefined，因此没有实现连接组件所需的任何属性。

这是简化的组件：

import * as React from 'react';

export default class Test extends React.Component<{}, {}> {
    private test() {}

    render() {
        return(
            <h1 onClick={this.test.bind(this)}>
                test
            </h1>
        );
    }
}

【讨论】：

非常感谢您的回答