Что такое способ Mobx для создания состояния набора с обратными вызовами

Question

Я пытаюсь преобразовать существующее приложение, которое использует состояние set для использования Mobx. Как я могу достичь установленной функции обратного вызова состояния с помощью mobx. Нужно ли использовать компонентDidUpdate для достижения этой функциональности?

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