Учащийся внешнего интерфейса пытается выяснить React ... Я просто не могу повесить эти крючки на React. Я пытаюсь установить setState внутри setArray (). Это вызывает бесконечное рендеринг l oop. React не позволит мне сделать обратный вызов с помощью useEffect (). Я не могу понять, как это исправить. Как я могу передать свой недавно структурированный массив в состояние?
const [yearsArray, setYearsArrayState] = useState([]);
timelineData.then((data) => {
let yearsArrays = [];
for (let item of data.timelineInfo) {
yearsArrays.push(item.year);
}
setArray(yearsArrays);
});
const setArray = (array) => {
const passArray = new Set(array);
const oneOfEachYear = [...passArray];
setYearsArrayState(oneOfEachYear);
};
return (<div>
{yearsArray.map((item) => (
<button
className={style.buttonYear}
onClick={() => {
toggle();
setClickedYear(item);
console.log(clickedYear);
}} >
</button>
</div>);