react 父组件中更新子组件的state 和 子组件中更新父组件中state

技术分享 2019-10-01 00:00:00
react 父组件中更新子组件的state
附件传 props 给子组件 一般用父组件的动态 state ,子组件中 componentWillReceiveProps 周期是存在期用改变的props来判断更新自身state
其他方法如用ref的setState方法等不推荐
推荐的两种办法:

①用props直接从上往下传递,可以多层,但是和渲染更新无关,一般 componentWillReceiveProps() 或者 getDerivedStateFromProps()判断新props 是否调用render重新渲染(setState 和 直接render函数都行)
②更新子组件key属性,会重新渲染刷新整个自组件
③ref 引用调用子组件的方案,官方不推荐

props 负责上到下的数据流
state 负责自己内部数据流


react
子组件中更新父组件中state
最常规的方法是 父组件中预设一个 fuction 通过props 传给子组件,子组件伺机调用
咨询小瓶科技
咨询我们
顶部