如何将组件（文件）连接到Redux存储

Question

我需要创建component/file/class然后将其连接到redux存储。
我不需要呈现此组件。
它只是一个帮助程序组件，可以包含从商店返回值的方法。
我试图用以下方法创建文件：

export function getKeyFromReduxStore(key:string) {...

但这只是一个具有导出功能的文件，我无法（或不知道）如何将其连接到redux存储。
我所有的组件都与商店连接：

<RouterWithRedux>
          <Scene key="root">...

但是正如我所说的，这不是场景，它只是我想在整个应用中重用的辅助组件。
如何制作这样的组件并将其连接到redux？

Answer 1

Redux存储有一个名为getState的方法，该方法获取存储的状态。 您可以将创建的存储导入到需要redux存储的文件中。

 // in the file where you created your store import { createStore } from 'redux'; export const myStore = createStore( // ... some middleware or reducer etc ) // in your component/file/class import { myStore } from '../path/to/store' export function getKeyFromReduxStore(key:string) { return (myStore.getState())[key]; } 

另外，您可以将商店传递给getKeyFromReduxStore函数，并在有商店可用的react组件中调用它。 例如在mapStateToProps函数中：

 // component/file/class export function getKeyFromReduxStore(store, key) { return store[key]; } // react component with access to store import { getKeyFromReduxStore } from '../path/to/file'; class MyKlass extends Component { // ... your logic render() { const val = this.props.getKey(someVal); } } const mapStateToProps = (state) => ({ getKey: (key) => getKeyFromReduxStore(store, key), }) export default connect(mapStateToProps)(MyKlass);