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

Question

我对React中的prop-type有两个问题：1.什么时候应该在组件中使用react props-type检查，我们是否必须在传递了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
}