react 同级组件怎么监听 store的数据变化

Question

Answer 1

每次执行 createStore 所返回的 store 都是独立的，如果需要组件间通信的话，你要确保它们用到的 store 是同一次执行 createStore 返回的，最好的做法是将 store 写在一个公共的文件里，然后两个组件所在文件都从公共文件 import 这个 store：

// 假设这是某公共文件 public.js
import { createStore } from 'redux';
export const store = createStore({});

// A组件
import { store } from 'public';
store.subscribe(state => {
    // 接收方逻辑
});

// B组件
import { store } from 'public';
store.dispatch({
    // 发出的信息
});