Input框设置了value值之后不能根据state值进行更新

问题原因

在react中使用input框，并将value赋值state中的值，但在state中的值改变时并不能使input框中的值改变，类似与vue中的双向绑定

解决方法

使用onChange方法更新

• input框代码

  <input type="number" value={this.state.number} ref={(input) => (this.input = input)} onBlur={this.inputOnBlur} onChange={this.change} />
  

• 实现onChange绑定的change函数完成赋值

  change = (event) => {
      this.setState({
          number: event.target.value,
      });
  };