Как наблюдать в Mobx наблюдаемые за пределами функции визуализации в реакции?

Question

У меня есть магазин MOBX

class MyStore {
    @observable
    public myvariable = ""

и представление, которое должно обновлять свои данные при изменении значения myvariable

@inject("myStore")
@observer
class MyView extends React.Component<any, any> {
    @observable
    public mydata;

    // inside this class I have to know if `myvariable` value changed
    // if it does, I have to fetch some data to assign to `mydata` so
    // that I can render that new data

Я не хочу помещать mydata в хранилище, так как у меня много просмотров, каждое из которых имеет разные типы данных, которые можно обновить, если изменилось значение myvariable. Я только хочу обновить mydata представления, которое я сейчас показываю

Answer 1

componentDidUpdate(prevProps){
    if(prevProps.myStore.myvariable !== this.props.myStore.myvariable){
        // update mydata
    }
}

https://reactjs.org/docs/react-component.html#componentdidupdate