MobX：在輸入字段更新值

Question

我使用哪個應由@observable值來控制一個簡單的輸入字段：

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

更新myvalue的後到未定義顯示值的變化，但在輸入字段中的值保持相同的價值。

初始狀態：

[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> 
    ); 
    } 
}