易百教程

40、如何在 React 中对 props 应用验证?

props验证是一种工具,可以帮助开发人员避免未来的错误和问题。它使代码更具可读性。React 组件使用了特殊的属性 PropTypes,它通过验证通过 props 传递的值的数据类型来帮助您捕获错误,尽管不必使用 propTypes 定义组件。

可以在 React 组件中使用 App.propTypesprops 进行验证。当某些 props 以无效类型传递时,将在 JavaScript 控制台上收到警告。指定验证模式后,需要设置 App.defaultProps

class App extends React.Component {  
          render() {}  
}  
Component.propTypes = { /*Definition */};