TypeScript React应用程序中的PropTypes

Question

React.PropTypes在TypeScript React Application中使用有意义吗？还是“皮带和吊带”的情况？

由于组件类是使用Props类型参数声明的：

interface Props {
    // ...
}
export class MyComponent extends React.Component<Props, any> { ... }

有添加任何真正的好处吗

static propTypes {
    myProp: React.PropTypes.string
}

类定义？

Answer 1

将两个组件道具同时保持为TypeScript类型通常没有太大价值React.PropTypes。

在某些情况下，这样做很有用：

• 发布将由普通JavaScript使用的包，例如组件库。
• 接受并传递外部输入，例如API调用的结果。
• 使用库中可能没有正确或正确键入的数据（如果有）。

因此，通常这是您可以信任编译时间验证多少的问题。

现在，较新版本的TypeScript可以根据您的React.PropTypes（PropTypes.InferProps）推断类型，但是生成的类型可能难以使用或在代码的其他地方引用。