Question

我使用一个简单的输入字段，该字段应由@observable值控制：

<div>
    <input value={this.props.appState.myValue} onChange={this.handleChange}/>
    value: {this.props.appState.myValue}
</div>

将myValue更新为undefined后，显示的值会发生变化，但输入字段中的值保持不变。

初始状态：

[initial]
value: initial

更新后：

[initial]
value:

Answer 1

我怀疑你没有把你的组件变成观察者。试试this example：

@observer
class App extends React.Component {
  handleChange = (e) => {
    this.props.appState.myValue = e.target.value; 
  };
  render() {
    const { appState } = this.props;
    return (
      <div>
        <input value={appState.myValue} onChange={this.handleChange} />
        value: {appState.myValue}
      </div>
    );
  }
}

MobX：更新输入字段中的值

1 个答案: