Javascript 在react组件中检查道具类型

Javascript 在react组件中检查道具类型,javascript,reactjs,frontend,react-proptypes,Javascript,Reactjs,Frontend,React Proptypes,关于React中的道具类型,我有几个问题: 1.什么时候我们应该在组件中使用react-props类型检查,我们是否必须在所有传递了props的组件中使用它? 2.道具类型检查可以应用于无状态组件和类组件吗?什么时候应该使用它们?你想什么时候都行。如果您与其他开发人员(在工作中或在npm上)共享这些组件,则最好添加它们 您可以在函数组件和类组件中使用它们吗?是。您可以在希望进行道具验证的任何组件中使用道具类型。它不必在每个使用道具的组件中使用,尽管这样做通常是个好主意 对于类组件,可以执行以下操

关于React中的道具类型,我有几个问题: 1.什么时候我们应该在组件中使用react-props类型检查,我们是否必须在所有传递了props的组件中使用它?
2.道具类型检查可以应用于无状态组件和类组件吗?

什么时候应该使用它们?你想什么时候都行。如果您与其他开发人员(在工作中或在npm上)共享这些组件,则最好添加它们


您可以在函数组件和类组件中使用它们吗?是。

您可以在希望进行道具验证的任何组件中使用道具类型。它不必在每个使用道具的组件中使用,尽管这样做通常是个好主意

对于类组件,可以执行以下操作:

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

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

Component.propTypes = {
  // prop types here
}
对于功能组件,您可以执行以下操作:

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

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

Component.propTypes = {
  // prop types here
}

这不是一个正确的问题,但是,一般来说,在每个组件中使用prop类型检查是一个好主意,只要它使用props,不管它是否是无状态的。