React 错误：类型“void”不可分配给 React.Component 中的类型“Readonly<{}>”

Question

为什么会抛出下面的错误？

export default class DeleteModal extends React.Component<DeleteModalProps, void>

错误：

类型 'void' 不可分配给类型 'Readonly<{}>'

Answer 1

React.Component index.d.ts的来源

interface Component<P = {}, S = {}, SS = any> extends ComponentLifecycle<P, S, SS> { }

我们可以看到它被定义为空 Object {}

---

2.Typescript文件作废

声明 void 类型的变量没有用，因为您只能将null或undefined分配给它们

这就是错误的原因。

---

3.解决方案：

如果我们不需要 state 在组件中，不要分配它就可以了。

React.Component<Props>

也可以设置空 object

interface State {}

React.Component<Props, State>