react——子组件props字段类型类型限制——默认值设置。_props function类型设置默认方法

安装

react15.5之前类型的限制包，需要手动安装

yarn add  prop-types
1

导入

import types from 'prop-types'
1

对于组件来说，props是外部传入的，无法保证组件使用者传入什么格式的数据，简单来说就是组件调用者可能不知道组件封装着需要什么样的数据，如果传入的数据不对，可能会导致程序异常，所以必须要对于props传入的数据类型进行校验。
但是js虽然会报错但是不会卡住程序的运行

npm i -S prop-types

# 在组件中导入
import PropTypes from 'prop-types'


# 函数组件
function App(){}
// 验证规则
App.propTypes = {
    prop-name:PropTypes.string
}

# 类组件
class App extends Component{
}
App.propTypes = {
    prop-name:PropTypes.string
}

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/IT小白/article/detail/297605