reactjs - 每次路由更改时，componentDidUpdate 都会调用两次

Question

在我的应用程序中，我有一个 HomePage其中有导航链接的组件。该组件的路由是<Route to="/browse/:item" exact component={HomePage} /> 。因此该组件有一个导航栏，其中包含指向其“子路线”的 NavLink 链接。例如，导航链接可引导您访问 /browse/featured或者 /browse/new我向该组件添加了生命周期方法 componentDidUpdate()到只是console.log("UPDATED HOMEPAGE")每当我单击 NavLink 时，就会发生这种情况:

我尝试使用shouldComponentUpdate与 nextProps和nextState params 来查看状态或 Prop 是否确实发生了变化(这将导致重新渲染)，但它们保持不变。预先感谢您的帮助。

编辑:代码在github https://github.com/idanlo/spotify-test-frontend我见过的有问题的组件是 AlbumView和HomePage

另一个编辑: 这是console.log()发生的两次更新，每一次都显示更新之前和之后的 Prop 。在第一次更新时，您可以看到 url 不同，因此应该进行更新，但在第二次更新时没有任何不同，一切都相同(在状态下一切也都相同)

Answer 1

由于状态发生更改，通常会出现多次调用。检查其他文件以确保最初没有调用修改状态的操作。即使您检查 nextProps 的差异，更改的变量也可能不在 props 中。