前端学生想了解React......我似乎无法掌握React上的这些钩子。我试图在setArray()中设置State。这导致了渲染中的无限循环。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>);
你把 timelineData
在元件安装钩内
// This effect hook will be executed only once at the component mount
useEffect(() => {
timelineData.then((data) => {
let newYearsArrays = [];
for (let item of data.timelineInfo) {
newYearsArrays.push(item.year);
}
setArray(newYearsArrays);
});
}, []);