Javascript 当导航离开组件时，React路由器将重新加载该组件

我正在努力跟上React和Redux的速度。我目前有如下设置：

存储的状态有一个接受数字的“activeAction”属性。 页面组件使用“activeAction”来确定应该在应用程序中心显示哪个组件，并根据当前URL进行更改。例如，“/Home”是activeAction:0，“/About”是activeAction:1

/Home的组件称为BlogRoll，该组件中包含显示blogger api调用中帖子的实际逻辑。我调用此操作以显示componentDidMount函数中的帖子。for/About组件只有一个表示“内容区域”的渲染函数……目前只是一个占位符

我的导航设置为链接组件：

<div className="NavItem">
   <Link to={'/Home'} activeClassName="ActiveMenuItem">Home</Link>
</div>
<div className="NavItem">
   <Link to={'/About'} activeClassName="ActiveMenuItem">About</Link>
</div>

家
关于

我遇到的问题是，在单击

主页链接

（工作正常）然后单击

关于链接

之后，BlogRoll组件将在转到关于组件之前重新加载。我通过在

BlogRoll.componentDidMount（）

中设置断点来了解这一点。我点击转到大约，但在此之前，它会重新加载BlogRoll

这是故意的行为吗？它似乎不应该这样做，但我仍在学习，可能还没有完全理解组件的生命周期

---

谢谢你的帮助

这是一种故意的行为

在

React中，如果未呈现组件，则将卸载该组件

您可以在中阅读有关组件生命周期的更多信息

如果您想要组件中的持久状态，可以使用Redux存储。
卸载是否会触发componentDidMount（）？我希望避免重新安装当时不需要的组件。导航到/About应卸载BlogRoll，然后装载About.No<代码>组件didmount（）

应该在大约之后返回BlogRoll时触发。需要查看代码以了解发生了什么