如何从非组件辅助函数访问redux的存储？

我有一个帮助函数，当我想从我的redux商店中删除某些东西时，我会调用它。但是，我需要能够访问该函数内的当前存储，以确定下一步该做什么。这是我想做的事：如何从非组件辅助函数访问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()); 
    } 
}

我打电话从组件此功能，并通过了“这个”背景下它，所以它可以访问，如果你很好奇，要派遣。但是如果我尝试引用传递的道具，它在“deleteShape”调用之后不会更新，因为此函数未连接到redux存储区（缺少更好的单词）。所以我的问题是：我如何从非组件函数访问当前的redux存储？由于

来源

2017-01-25 Ryan

如果您想在Redux中使用它，请使用它。如果您想从React组件中执行此操作，请从componentDidMount生命周期方法分派相关操作。 – Shota

如何从这种意义上的行为中获得状态？ – Ryan

如果你使用像redux-thunk这样的库，你可以从类似的myAction（输入）返回函数（dispatch，getState）{0}const state = getState（）; }; } – Jon

我必须说，我认为这是一个不好的做法，随机从一些函数访问存储，但如果你必须这样做，这是一个可行的办法：

文件：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()); 
    } 
}

来源

2017-01-26 09:20:50

这对我有用:)感谢您的帮助:) –

如何从非组件辅助函数访问redux的存储？

回答

相关问题