Question

如果在不刷新组件的情况下更改组件上的属性，则不会显示新的属性值，因为构造函数函数永远不会更新组件的当前状态。只有在首次创建组件时才会用 props 属性初始化状态。

以下组件将不显示更新的输入值：

class MyComponent extends React.Component {
constructor(props) {
  super(props)

  this.state = {
    records: [],
    inputValue: this.props.inputValue
  };
}

render() {
  return <div>{this.state.inputValue}</div>
}
}

在 render 方法使用使用 props 将会显示更新的值：

class MyComponent extends React.Component {
constructor(props) {
  super(props)

  this.state = {
    record: []
  }
}

render() {
  return <div>{this.props.inputValue}</div>
}
}