反应组件中的道具类型检查

Question

我对React中的prop-type有几个问题： 1.我们什么时候应该在组件中使用react props类型检查，我们是否必须在传递了props的所有组件中使用它？ 2. props类型检查可同时应用于无状态组件和类组件吗？

Answer 1

何时应使用它们？无论你什么时候想要。如果您要与其他开发人员共享这些组件（在工作中或在npm上），可能会很高兴添加它们

您可以在功能组件和类组件中使用它们吗？是的。

Answer 2

您可以在想要进行prop验证的任何组件中使用prop-types。不一定要在使用道具的每个组件中都使用它，尽管这样做通常是一个好主意。

对于类组件，您可以执行以下操作：

class Component extends React.Component {
  static propTypes = {
    // prop types here
  }

  // component stuff
}

对于功能组件，您可以执行以下操作：

const Component = (props) => {
  // component stuff
}

Component.propTypes = {
  // prop types here
}