redux - react-redux:来自任何容器的 getState()

Question

我在 App.js 中有以下内容。出于调试目的，我可以使用 store.getState() console.log 当前状态。

const App = () => {
  const store = createStore(reducers);
  console.log(store.getState());
  return (
    <Provider store={store}>
      <Router />
    </Provider>
  );
};
export default App;

现在如何从这个应用程序中的容器中 console.log store.getState()。

更新:按照评论中的“连接”建议，这是容器中代码的底部:

export default connect(mapStateToProps, {
  Decrease,
  Increase,
  selectNumber
})(TableGenerator);

我应该在哪里添加 getState()？

Answer 1

mapStateToProps 第一个参数实际上是 Redux 状态。它实际上是一个抽象的 getState()。

const mapStateToProps = function(state, ownProps) {
   // state is equivalent to store.getState()
   // you then get the slice of data you need from the redux store
   // and pass it as props to your component

   return {
     someData: state.someData
   }
}