javascript - react useEffect 无法识别对象更改(路由器历史记录)

Question

我正在根据用户使用的搜索过滤器更改其中一条路线的网址。我的组件在每次更改后都会正确重新呈现，我可以像这样检查我的 url

// works as expected (logs the history obj on every rerender)
useEffect(() => {
  console.log('rerender', history);
});

但是，当我尝试仅在历史记录更新时让它运行时，什么都没有发生

//doesnt run ever
useEffect(() => {
  console.log('rerender', history);
}, [history]);

历史作为 prop 由路由器传入，我可以确认它发生了变化。

Answer 1

历史对象的内容发生变化，但对象引用本身保持不变。这意味着 React 不会将其视为更改。如果你想专门检查 URL 的变化，你应该把它放在依赖数组中，就像这样 [ history.location ]。