使用mobx的时候，prevprops无法拿到store的上一个状态

Question

在外部的layout组件中引入store然后使用provider注入

<Provider store={store}>{props.children}</Provider>

我改变了store中的一个变量,在子组件中监听变化

    getSnapshotBeforeUpdate(prevProps, prevState) {
        const { date, category } = this.props.store;
        if (prevProps.store.category !== category) {
            this.fetchData();
        }
    }

这里prevprops永远和props一样，有什么办法解决吗？我看网上说用componentWillReact，但是这个生命周期已经失效了。

Answer 1

学会了！在componentdidMount里面使用reaction对Store里面的变化做反应

    componentDidMount(): void {
        this.fetchData();
        reaction(
            () => this.props.store.category ,
            () => {
                this.fetchData();
            }
        );
    }