Typescript使用propTypes对组件进行反应

Question

我有一个类扩展了React。组件类，我将为我希望接收的道具传递我自己的接口。问题是当我使用SomeComponent时。propTypes={…webstorm linter说有问题，指出类型“typeof SomeComponent”上不存在属性“propTypes”。

我不知道为什么会这样......

SomeComponent的代码为

class SomeComponent extends React.Component<IProps, {}> {...}

当我编写以下代码创建函数组件时，会引发类似的异常：

const SomeComponent: React.FunctionComponent<IProps> = (props) => {...}

在本例中，使用SomeComponent时再次出现错误。propTypes={…} 语法。。。这一次，异常类型为。。。不可分配给类型\

关于为什么会发生这种情况以及如何告诉typescript我应该能够使用这个属性，有什么帮助吗？谢谢




Answer 1

Typescript不允许在声明类后添加静态属性。我相信您可以通过将propTypes作为静态属性添加到类中来添加它：

class SomeComponent extends React.Component<IProps, {}> {
  static propTypes = {} // Set your propTypes here
}

另外，在使用Typescript时，为什么要使用propTypes？TS将在编译时负责类型检查。