Question

所以我的意思是：

const App = () => {
  return (
    <Provider store={store}>
      <h1>{store.state.title}</h1> // For example
    </Provider>
  );
}

因此在上面的示例中，我尝试访问状态为title的道具。

Answer 1

是的，您可以使用store.getState()

因此，您的情况将是：

const App = () => {
  const currentStore = store.getState()
  return (
    <Provider store={store}>
      <h1>{currentStore.title}</h1> // For example
    </Provider>
  );
}

Answer 2

这是XY问题。为了用新值更新<h1>，必须重新渲染<Provider>。相反，应将<h1>{store.state.title}</h1>移至单独的连接组件：

const Title = connect(...)(({ title }) => <h1>{title}</h1>;

如此使用：

<Provider store={store}>
  <Title/>
</Provider>

是否可以在与<provider>

2 个答案: