状态提升

状态提升

找一个共同的父组件 控制两个子组件
控制父组件的state
    1.第一个组件创建一个方法 能控制自身事件
    2.父组件给个state:msg 放在第二个组件里面
         <Child2 msg={msg}></Child2>
      并在第二个组件内部加入父组件传的东西
         let {msg}=this.props.
       这样就控制了第二个组件
    3.在父组件中给第一个组件一个事件
         <Child1 onChange={this.changeMsg.bind(this)}></Child1>
      并更新setstate 
          this.setState({
                msg:msg
            })
      将第一个子组件里面的事件函数更新
         inputChange(e) {
              console.log(e)
              this.setState({
                  msg: e.target.value
              })
              this.props.onChange(e.target.value)<!-- 将父组件的事件传入到子组件函数中 -->
          }
      这样就相当于把第二个子组件的msg也更新了
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 状态提升 通常情况下,同一个数据的变化需要几个不同的组件来反映。我们建议提升共享的状态到它们最近的祖先组件中。我们...
    初漾流影阅读 702评论 0 0
  • 状态提升 使用React经常会遇到几个组件需要共用状态数据的情况。这种情况下,我们最好把这部分状态数据提升到他们最...
    XKolento阅读 585评论 0 1
  • 状态提升是什么意思? 一个最简单的例子,就是如果两个子组件需要利用到对方的状态的话,那么这个时候我们就需要使用到状...
    叶绿素yls阅读 2,011评论 0 3
  • saying bucket(桶) hay 干草 advice 不可数 suggestion 可数
  • 108、照见羡慕嫉妒恨的底层 ️❤️总结 扩建财富池子 进,笃信,感恩,欢喜 出,感恩,祝福,共振 ❤看电视剧 满...
    牛崧宇阅读 96评论 0 0