React笔记 （四）

PropTypes

在一个组件接收prop的时候做的限制，可以限制传过来的值的类型和是否为空等

import PropTypes from 'prop-types'; //首先引入 PropTypes
TodoItem.propTypes = {
  optionalArray: PropTypes.array,
  optionalBool: PropTypes.bool,
  optionalFunc: PropTypes.func,
  optionalNumber: PropTypes.number,
  optionalObject: PropTypes.object,
  optionalString: PropTypes.string,
  optionalSymbol: PropTypes.symbol,
  test: PropTypes.string.isRequired,//isRequired可强制不为空
  optionalUnion: PropTypes.oneOfType([//也可以为满足其中之一就算过
    PropTypes.string,
    PropTypes.number,
    PropTypes.instanceOf(Message)
  ]),
}
复制代码

属性默认值 defaultProps

非常简单可以给传过来的props传默认值，如果props没有传则显示默认值

static defaultProps = {
    name: '蔡徐坤',
    label： 'nmsl❤'
}
复制代码

详情请结合官网

转载于:https://juejin.im/post/5cb54988f265da03a85ab576