我有一个辅助函数,当我想从 Redux 存储中删除某些内容时,我会调用它。但是,我需要能够访问函数内的当前存储,以确定下一步要做什么。这就是我想做的:
export function deleteDocument (id) {
this.props.dispatch(deleteShape({id}));
const getStore = getStore(); //<-- I need something like this
if(getStore.documents && !getStore.documents.find(doc => doc.selected)){
this.props.dispatch(makeTopDocumentSelected());
}
}
我从组件调用此函数并将“this”上下文传递给它,这样如果您对此感到好奇,它就可以访问调度。但是,如果我尝试引用我传递的 prop,它在“deleteShape”调用后不会更新,因为该函数没有“连接”(因为缺乏更好的词)到 redux 存储。所以我的问题是:如何从非组件函数访问当前的 redux 存储?谢谢
我必须说,我认为从某些函数随机访问存储是一种不好的做法,并且可能会发生一些副作用,但如果您必须这样做,这是一种可能的方法:
文件:storeProvider.js
var store = undefined;
export default {
init(configureStore){
store = configureStore();
},
getStore(){
return store;
}
};
文件:App.js
import { createStore } from 'redux';
import rootReducer from './rootReducer';
import storeProvider from './storeProvider';
const configureStore = () => createStore(rootReducer);
storeProvider.init(configureStore);
const store = storeProvider.getStore();
const App = () =>
<Provider store={store} >
<Stuff/>
</Provider>
文件:yourfunction.js
import storeProvider from './storeProvider';
export function deleteDocument (id) {
this.props.dispatch(deleteShape({id}));
const state = storeProvider.getStore().getState();
if(state.documents && !state.documents.find(doc => doc.selected)){
this.props.dispatch(makeTopDocumentSelected());
}
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)