反应路由器避免卸载

您可以基于路由条件路径匹配来呈现路由,在这种情况下,它不会在每次路由更改时重新装载

<Route path="/Products(/shoes|/books)?" exact render={Products} />

当匹配新路由时,并行路由将卸载。您需要将“/products/shoes”和“/products/books”的组件包装在产品组件中。在react router v4中,需要嵌套与组件类似的路由。因此,您需要在子组件中包含“/products”路由和其他2的产品组件。

坦率地说,我只是给出了一个概述,阅读React Router 4文档以获得更好的理解。