reactjs - 两页相互重叠

Question

单击编辑按钮后，两个页面（产品和编辑产品页面）相互重叠。它不是重定向到编辑页面，而是在当前页面下。

这是我的文件内容。https://codesandbox.io/s/mmwqz8lz8p

标签： reactjs

Answer 1

exact在产品路线中使用。

因为产品编辑路径/链接/products/:id是产品链接的子链接/products。当您设置不带路径exact并转到产品编辑链接/products/:id时，它包含产品/products和产品编辑/products/:id的路径。那么为什么当您进入产品编辑页面时，两条路线都在工作products并且 editProduct两个组件都在显示。

要解决此问题，您必须exact对产品路线使用属性 true。就像跟随

<Route exact path='/products' component={products}/>