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

Posted 2023-03-13

【中文标题】自我导航反应页面进入无限循环

【英文标题】：self navigate react page goes into infinite loop

【发布时间】：2021-11-06 01:26:00

【问题描述】：

控制在 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');
,[])