У меня есть крюк с useEffect.Я заметил, что useEffect выполняется не более двух раз, потому что после одного rerender вызова с другими данными последующие вызовы не получают обновленные данные.
export default function(lookForUsername) {
const [dashboardHref, setDashboardHref] = useState(`https://www.example.com/`);
useEffect(() => {
// this is where I have code that i want to
// run on re-render, but it won't because it stops getting updated
}, [lookForUsername]);
return [dashboardHref];
}
Мой тест имеет место
// this will log false, false on first run
const { rerender, waitForNextUpdate } = renderHook((lookForUsername=false, otherOption=false) => {
console.log(lookForUsername, otherOption);
return useMyHook(lookForUsername);
});
console.log('first re-render');
// this will make the console say true, false
rerender(true, true);
console.log('second re-render');
// console will still say true, false
rerender(false, false);
console.log('third re-render');
// console will stay true, false (so it's not just one behind)
rerender(true, true);
Я не понимаю, почему повторный рендеринг с другим значением обновляет реквизиты в renderHook в первый раз, но не в последующие.
ПРИМЕЧАНИЕ Я обновилформулировка заголовка и вопроса, чтобы лучше отражать проблему после дополнительной отладки
ОБНОВЛЕНИЕ Я слишком упростил свой пример.Первоначально я передавал только один аргумент в этом посте, но проблема заключалась в том, что я передавал несколько аргументов