Reactjs Don';t在重复使用状态更改时更新路由组件
如果redux中的某些内容发生更改,如何不更新Route呈现的组件?添加了一些路由示例,该组件具有redux存储连接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 }
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存储中更改状态。路由没有任何变化,但组件卸载和重新装载可能您正在重新加载页面,请检查。