自我导航反应页面进入无限循环

Question

控制在 url

中导航到具有不同值的同一页面

案例 1 - 下面的代码在单击导航后无限次调用 useEffect

const queryValues = queryString.parse(search);
const { trip } = queryValues;

useEffect(() => {
 console.log('Calling infinite times');
},[trip]));

情况 2 - 如果我将代码更改为以下代码，则 useEffect 将不再通过单击导航按钮

调用对 url 的任何更新

useEffect(() => {
 const queryValues = queryString.parse(search);
 const { trip } = queryValues;
 console.log('Calling infinite times');
},[]));

Answer 1

您在两个 useEffect 案例中都缺少右括号。

useEffect(() => {
 const queryValues = queryString.parse(search);
 const { trip } = queryValues;
 console.log('Calling infinite times');
},[])

self navigate react page goes into infinite loop