小编典典

TypeScript React 应用程序中的 PropTypes

all

在 TypeScript React 应用程序中使用是否React.PropTypes有意义,或者这只是“腰带和吊带”的情况?

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

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

添加有什么真正的好处吗

static propTypes {
    myProp: React.PropTypes.string
}

到类定义?


阅读 209

收藏
2022-06-23

共1个答案

小编典典

将组件道具同时维护为 TypeScript 类型通常没有太大价值React.PropTypes

以下是一些有用的情况:

  • 发布将由纯 JavaScript 使用的包,例如组件库。
  • 接受并传递外部输入,例如 API 调用的结果。
  • 使用来自可能没有足够或准确类型的库中的数据(如果有)。

所以,通常这是一个你可以信任你的编译时验证的问题。

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

2022-06-23