使用React Router时，如何在单击链接并完成路由时卸载/删除链接组件所在的div或链接组件本身？
例如，我的应用程序结构如下：
==Header==
==Link1 Link2==
当用户被路由到Link1时，==Link1 Link2== div应该被卸载/删除，并替换为Link1的内容。像这样：
==Header==
==Content of Link1, with a "back" button links to home page==
当用户点击导航栏中的Link1时，我能够呈现Link1的内容，并且我已经努力重新构建BrowserRouter，Route，{ {1}}标签，但结果仍然如下：
div以下是CodeSandbox上的代码段，我希望它可以更好地说明我的问题。