在react-router中返回页面时如何防止重新安装？

Question

我有一些路线，这些路线是产品列表：

/最佳产品

/新产品

...

然后，当用户单击列表中的特定产品时，我就有了一条路线：

/ product /：id

我的问题是，当用户返回时，我不想重新安装以前的组件。

例如：

1. 用户使用的是/ best-products（使用过滤器和更改页面）

2. 用户点击产品

3. 用户返回->一切都重新安装

回去时如何防止重新安装，以便用户保留其过滤器，数据等？

感谢您的帮助

    <Router>
      <Switch>
        <Route path={"/"} exact component={Home} />
        <Route path={"/product/:id"} exact component={ProductPage}/>
        <Route path={"/best-products"} exact component={BestProducts}/>
        <Route path={"/new-products"} exact component={NewProducts}/>
        ... (more lists of products)
      </Switch>
    </Router>