Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/26.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs Don';t在重复使用状态更改时更新路由组件_Reactjs_Redux_React Router Dom - Fatal编程技术网

Reactjs Don';t在重复使用状态更改时更新路由组件

Reactjs Don';t在重复使用状态更改时更新路由组件,reactjs,redux,react-router-dom,Reactjs,Redux,React Router Dom,如果redux中的某些内容发生更改,如何不更新Route呈现的组件?添加了一些路由示例,该组件具有redux存储连接 const ROUTES_OPTIONS = [ { path: `${PATH_TO_SMART_ACCESS}${PATH_TO_SMART_ACCESS_VIEW}/options`, Component: lazy(() => import("./SmartAccessActionsOptions")), exact: false }

如果redux中的某些内容发生更改,如何不更新Route呈现的组件?添加了一些路由示例,该组件具有redux存储连接

const ROUTES_OPTIONS = [
  {
    path: `${PATH_TO_SMART_ACCESS}${PATH_TO_SMART_ACCESS_VIEW}/options`,
    Component: lazy(() => import("./SmartAccessActionsOptions")),
    exact: false
  },
  {
    path: `${PATH_TO_SMART_ACCESS}${PATH_TO_SMART_ACCESS_VIEW}/:id/options/:type?`,
    Component: lazy(() => import("./SmartAccessActionsOptions")),
    exact: false
  }
];

const Routes = () => {
  return (
    <Switch>
      {ROUTES_OPTIONS.map(route => (
        <Route
          key={route.path}
          exact={route.exact}
          render={() => {
            const Component = route.Component;
            return <Component />;
          }}
        />
      ))}
    </Switch>
  );
};
const ROUTES\u选项=[
{
路径:`${path\u TO_SMART\u ACCESS}${path\u TO_SMART\u ACCESS\u VIEW}/options`,
组件:惰性(()=>import(“./SmartAccessActionsOptions”),
精确:错误
},
{
路径:`${path\u TO_SMART\u ACCESS}${path\u TO_SMART\u ACCESS\u VIEW}/:id/options/:type?`,
组件:惰性(()=>import(“./SmartAccessActionsOptions”),
精确:错误
}
];
常数路由=()=>{
返回(
{ROUTES\u OPTIONS.map(route=>(
{
const Component=route.Component;
返回;
}}
/>
))}
);
};

添加一些代码example@Antoni这是关于生命周期的问题。。。我有交换机、路由和组件。当redux状态为“更改”时,路由器内的组件将卸载并再次装载,但我不希望这样,如果您更改路由,则上一个组件将自动卸载,您不能在上面执行任何操作。@Ashish我只在redux存储中更改状态。路由没有任何变化,但组件卸载和重新装载可能您正在重新加载页面,请检查。