javascript - React，何时使用 propTypes

Question

在开发内部组件时如果没有所需的 props 会很快失败，我觉得在测试中执行 prop 需求检查并且应该从生产代码中排除 propTypes 的增加重量。我说的是不需要用户输入且具有静态属性的组件。

例子:

const Button = ({ label, onClick }) => (
    <button type="button" onClick={ onClick }>{ label }</button>
);

在我看来，propTypes 将是此类组件的无关运行时代码。

Answer 1

使用 prop-types 是一种最佳实践，但没有人强制您也使用它们。因此，如果这是一个个人项目并且您不觉得需要 prop-types，没有人会责怪您。

但是，当您与多人一起处理一个项目或一个库/npm 包时，请始终使用 prop-types。您的按钮现在可能不需要很多 Prop ，但您永远不知道将来需要什么功能。一旦您意识到您的组件正在增长并且您将需要回顾性地实现 prop-types，您就会后悔没有使用 prop-types。

所以:如果你和一个小组一起工作或在图书馆工作，总是使用 prop-types。如果不是，这取决于您，但请记住，在您编写组件后必须在一段时间内实现 prop-types 可能是一件非常痛苦的事情。

Seems to me that propTypes would be extraneous runtime code for components like this.

对于生产代码，这就是为什么我推荐以下 babel plugin .