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