reactjs - react /Redux : Global function that can dispatch actions?

Question

我希望将 React/Redux 函数实现为能够分派(dispatch)操作的全局实用程序。

这不是组件/容器。只是一个可以被其他人导入和调用的全局/静态函数。

这可能吗？

预先感谢您提供的任何想法/建议!

Answer 1

dispatch 来自 Store，因此您只需要对 Store 进行全局引用。

假设您的应用程序根目录如下所示:

const store = createStore(rootReducer);

ReactDOM.render(<Provider store={store} /> ...);

只需导出该商店:

export const store = createStore(root);

并从静态实用程序导入商店:

import {store} from "../path/to/app/root";

store.dispatch({ ... });

<小时/>

更好的方法是让你的 util 函数接受 dispatch 作为参数，这样你就没有对 store 的全局引用。