父子组件通信

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
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容