react中的input值如何同步props

Question

//constructor

this.state = {value: this.props.data.sid};

  handleChange(event) {

    this.setState({value: event.target.value});

  }

value的初始值和data.sid的值如何同步，sid发生改变后，vlaue并没有变化

//render

<input value={this.state.value} onChange={this.handleChange}/>

Answer 1

加个生命周期，componentWillReceiveProps，在这个生命周期里更新state就好了

Answer 2

<input value={this.props.data.sid} onChange={this.handleChange}/>

Answer 3

维护父组件 input中的onchange方法也从父组件传递下来 这样input中的值只要调用props.data.sid就行，原来你把父组件的props绑定在子组件的state中除了第一次后来不会给state赋值了