是否可以使用与渲染功能相同的渲染功能来访问redux存储状态<Provider />

Question

So what I mean here is:

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

So in the example above I'm trying to access the title prop in state.

Answer 1

Yes you can use store.getState()

So in your case will be:

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

Answer 2

This is XY problem. In order to update <h1> with new value, <Provider> would have to be re-rendered. Instead, <h1>{store.state.title}</h1> should be moved to separate connected component:

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

And used as such:

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