开发者问题收集

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

2021-09-09
890

可以控制哪些页面使用不同的 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');
},[]));
1个回答

在这两种 useEffect 情况下,您都缺少右括号。

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

Hexxar
2021-09-09