Mobx通過回調處理設置狀態的方法

Question

我試圖將使用set狀態的現有應用程序轉換爲使用Mobx。我如何使用mobx實現設置狀態回調功能。我是否需要使用componentDidUpdate來實現此功能？

Answer 1

你是對的，因爲你需要使用componentDidUpdate來執行定製邏輯，當組件被重新渲染與MobX。可觀察值將被同步更新，但組件將像往常一樣異步重新渲染。

實施例（JSBin）

@observer 
class App extends Component { 
    @observable value = '' 

    componentDidMount() { 
    setTimeout(() => this.value = 'focus', 1000); 
    } 

    componentDidUpdate() { 
    this.ref.focus(); 
    } 

    render() { 
    return (
     <input 
     ref={ref => this.ref = ref} 
     value={this.value} 
     onChange={e => this.value = e.target.value} 
     /> 
    ); 
    } 
};