Javascript React Router是否有一种优雅的方式来清除当前组件'；s渲染数据，当其中一条路径匹配时？

我有一个名为PastIssues的组件，它列出了一本杂志过去的所有版本。组件的输出是一个有序列表，其中每个项目都是发布年份和发布季节。例如：

春季：2014年

秋季：2015年

每个项目都是指向特定路径的链接。我已动态添加到此组件，以便显示我的ShowArticleInfo组件。我的问题在于，当用户单击其中一个链接时，我的ShowArticleInfo组件将被呈现，但仅呈现在有序列表下方。我希望我的有序列表消失，这样剩下的唯一组件就是ShowArticleInfo

因此，在用户单击任何内容之前，我需要一个链接列表，每篇文章对应一个链接（在上面的示例中）。用户单击其中一个后，我希望列表消失，只显示ShowArticleInfo

---

有没有一种优雅的方法可以做到这一点？

使用本地存储设置值为true的键

   componentDidMount(){
   localStorage.setItem('loaded','true');
   }

并在卸载组件ShowArticleInfo时清除本地存储。 在有序列表中，组件渲染

   render(){
         let loaded = localStorage.getItem('loaded');
         return(
               <div style={{display:{loaded ==='true' ? 'none':'block'}}>
               </div>
             )
           }

render（）{
let loaded=localStorage.getItem（'loaded'）；
返回(
)
}

---

有关localstorage的更多信息，请使用localstorage设置值为true的键

   componentDidMount(){
   localStorage.setItem('loaded','true');
   }

并在卸载组件ShowArticleInfo时清除本地存储。 在有序列表中，组件渲染

   render(){
         let loaded = localStorage.getItem('loaded');
         return(
               <div style={{display:{loaded ==='true' ? 'none':'block'}}>
               </div>
             )
           }

render（）{
let loaded=localStorage.getItem（'loaded'）；
返回(
)
}

---

有关localstorage的更多信息，请参见条件渲染。。。没有任何示例代码就无法帮助您。。。请看如何提问：以及最简单的例子：您正在谈论的是条件渲染。。。没有任何示例代码就无法帮助您。。。请参见如何提问：以及最简单的示例：