TypeScript React应用程序中的PropTypes

  • Z时代
  • 2024-01-10
  • 分类：问答

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

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

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

有添加任何真正的好处吗

static propTypes {
    myProp: React.PropTypes.string
}

类定义？

回答：

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

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

  • 发布将由普通JavaScript使用的包，例如组件库。

  • 接受并传递外部输入，例如API调用的结果。

  • 使用库中可能没有正确或正确键入的数据（如果有）。

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

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

以上是 TypeScript React应用程序中的PropTypes 的全部内容， 来源链接： utcz.com/qa/403290.html

回到顶部