React单项数据流--PropTypes校验传递值

Posted 2020-11-22 linjiu0505

单项数据流：父组件传过去的值，子组件只可以使用不能修改，子组件想修改的话，必须通过触发父组件的方法去修改。

 

PropTypes检验是为了以后更好的维护业务逻辑，项目越来越大时，不会导致业务逻辑混乱

PropTypes校验传递值使用方法：

（1）在接收值的子组件中引入

import PropTypes from ‘prop-types‘

 

（2）然后在组件的下方进行引用了，需要注意的是子组件的最下面（不是类里边）

 

例如：子组件Item，从父组件中接收的数据有：content（string），index（number），deleteItem（function），name（必传的string）则校验代码为：

Item.propTypes={
    content: PropTypes.string,
    index: PropTypes.number,
    deleteItem: PropTypes.func,
    name: PropTypes.string.isRequired
}
Item.defaultProps={
    name:‘项目标题‘
}