我如何在供应商之外派遣 redux？

Question

我正在尝试在应用程序退出时将通知从 firebase 保存到 redux。

但我需要在 app.js 中执行此操作，我什至不在组件上时如何调度 redux 操作？

这就是我想要做的事情

componentDidMount(){
  messaging().getInitialNotification().then(remoteMessage) => { 
    dispatch(action({
      notification:true,
      data:remoteMessage.data
    }));
  }
}
  
render(){
  return(
    <Provider context={MyContext} store={store}>
      <App />
    </Provider>
  );
}

Answer 1

你可以先导出你的店铺喜欢

export const store = createStore(
  combineReducers({
    auth: authReducer,
    team: teamReducer,
  }),
  applyMiddleware(thunk),
);

<Provider context={MyContext} store={store}>
  <App />
</Provider>

确保这是您传递给提供者的同一家商店

然后你可以在任何你想要的地方导入这个商店并使用它

import {store} from './index';
import * as actions from './actions';

store.dispatch(actions.getMySolution());

学习愉快！

编辑： 正如@markerikson 在下面的 cmets 中所说，除非确实有必要，否则不建议这样做。

所以，我将提到一个实际用例。 假设您想在 API 调用完成后调度一个操作来设置加载器和取消设置加载器。

import {store} from './index';
import * as actions from './actions';
import axios from 'axios';

export const get = (params) => {
  return new Promise((resolve, reject) => {
    store.dispatch(actions.setLoading());
    axios
      .get(url)
      .then((data) => {
        store.dispatch(actions.stopLoading());
        resolve(data.data);
      })
      .catch((e) => {
        store.dispatch(actions.stopLoading());
        reject(e);
      });
  });
};