Javascript 是否可以在与<;相同的渲染函数中访问redux存储状态;供应商/>;

Javascript 是否可以在与<;相同的渲染函数中访问redux存储状态;供应商/>;,javascript,reactjs,redux,Javascript,Reactjs,Redux,所以我这里的意思是: const App = () => { return ( <Provider store={store}> <h1>{store.state.title}</h1> // For example </Provider> ); } const-App=()=>{ 返回( {store.state.title}//例如 ); } 因此,在上面的示例中,我试图访问状态中的标题属性。是的,

所以我这里的意思是:

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

因此,在上面的示例中,我试图访问状态中的
标题
属性。

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

因此,在您的情况下:

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

是,您可以使用
store.getState()

因此,在您的情况下:

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

这是XY问题。为了用新值更新
,必须重新呈现
。相反,
{store.state.title}
应该移动到单独的连接组件:

const Title = connect(...)(({ title }) => <h1>{title}</h1>;
consttitle=connect(…)({Title})=>{Title};
并用作:

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


这是XY问题。为了用新值更新
,必须重新呈现
。相反,
{store.state.title}
应移动到单独的连接组件:

const Title = connect(...)(({ title }) => <h1>{title}</h1>;
consttitle=connect(…)({Title})=>{Title};
并用作:

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


问题出在哪里?为什么您不能访问它?当然可以,因为
store
似乎是本地可访问的变量:)这将是一次性访问。如果reducer发生变异,则不会重新下载
标题
应用程序。通常,像您一样,将
包装为
,反之亦然。有什么问题吗?为什么您不能访问它?当然,因为
存储
似乎是本地可访问的变量:)这将是一次性访问。如果减缩器发生变异,则不会重新发布
标题
应用程序。通常情况下,会将
包装为
,而不是像您一样将
包装为
。这样会随着状态的变化而更新吗?或者getState()是该时刻状态的一次性快照吗?
getState()
是一次性快照。如果您希望更新状态更改,则必须在
应用程序中创建一个新组件,该组件应使用
react redux中的
connect
,然后还会随着状态更改而更新吗?或者getState()是该时刻状态的一次性快照吗?
getState()
是一次性快照。如果您希望更新状态更改,则必须在
应用程序中创建一个新组件,该组件应使用
中的
连接