父子组件通信

1.父传子

image.png

2.propTypes

image.png

import PropTypes from 'prop-types'
这个以前是在React包里面的，现在单独做了一个抽离。
为什么要进行抽离呢？如果项目里面不想对类型进行限制的化，这个包'prop-types'在项目里压根是没有使用的，那么webpack在打包的时候进行tree-shaking，这个包就摇树进行摇掉，最后不进行打包。
https://zh-hans.reactjs.org/docs/typechecking-with-proptypes.html

MyComponent.propTypes = {
  children: PropTypes.element.isRequired
};

3.子传父

image.png