状态提升
找一个共同的父组件 控制两个子组件
控制父组件的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也更新了