我有 3 条路线，它们使用相同的组件，并且根据路线显示略有不同的内容。问题是，在每条路线上，整个组件都会从头开始安装/卸载，从而导致性能问题。避免卸载但仍然使用相同组件并具有这 3 条路线的最佳方法是什么？
<Route path="/Products" exact render={Products} />
<Route path="/Products/shoes" exact component={Products} />
<Route path="/Products/books" exact component={Products} />
React 路由器版本 4。
最佳答案
您可以根据路由条件路径匹配来渲染路由，这样每次路由更改时它都不会重新挂载
<Route path="/Products(/shoes|/books)?" exact render={Products} />
关于reactjs - React Router 避免卸载，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/50697741/