类型 'typeof test' 的参数不能分配给类型 'Component<{ children?: ReactNode; } & DispatchProp<any>>

Question

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<{ children？：ReactNode; } & DispatchProp>"的参数。 ­­­­­­­­­­­­­­­­­­­­­

Answer 1

看起来你过度设计了你的组件;它根本不需要connectredux，因为它既不使用状态也不利用调度。此外，错误本身是指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>
);
}
}