Есть массив данных. Каждому повесил ref
, чтобы потом перебрать все элементы. Но в useEffect
ничего не консолится. Элементы я получаю только когда страница будет готова и я сделаю какое нибудь изменение на странице, тогда консолится.StrictMode
убран. Почему так и как фиксить?
Рабочий пример, с таким же подходом
const array = [
{
title: "Ref Element 1"
},
{
title: "Ref Element 2"
},
{
title: "Ref Element 3"
}
];
const revealRefs = useRef([]);
revealRefs.current = [];
useEffect(() => {
revealRefs.current.forEach((element) => {
console.log(element);
})
}, []);
const addToRefs = (element) => {
if (element && !revealRefs.current.includes(element)) {
revealRefs.current.push(element);
}
}
<section className="container">
{array.map((element) => (
<div className="element" ref={addToRefs}>{element.title}</div>
))}
</section>
deps
useEffect
'а, пытались добавитьrevealRefs.current
?useRef
? В доках кстати сказано, что изменение.current
не вызывает ререндер (почитайте последний абзац)