props校验和props默认值

props校验

使用

1. 下载prop-types 包
2. 导入import PropTypes from prop-types
3. 把propTypes作为静态属性进行校验

export default class TodoMain extends Component {
    static propTypes = {
        list: PropTypes.array,
    }
}

props默认值

第一种方式

defaultProps

class Test extends Component {
  static defaultProps = {
    age: 18,
  }
}

第二种方式

ES6解构赋值的默认值

class Test extends Component {
  render() {
    const { age = 18 } = this.props
    return <div>{age}</div>
  }
}