javascript - 如何将当前i的for循环值添加到 react 功能组件中的空数组状态中？

Question

    const [btn, setBtn] = useState([]);
    let newArray = []
    for (let i = 1; i<=10; i++) {
      newArray.push(i);
      console.log(btn);
      setBtn([...btn,...newArray])
    }

• 我尝试使用 spred 操作符将 newArray 添加到状态，但这将导致无限循环，并且我的 React 应用程序崩溃，并且在我的 btn 数组中获取 1 到 10 值后，我需要在我的 btn 上使用循环数组状态。*

Answer 1

将其放入useEffect

const [btn, setBtn] = useState([]);

useEffect(() => { 
    const newArray = []
    for (let i = 1; i<=10; i++) {
      newArray.push(i); 
      setBtn([...btn,...newArray]) 
    }
}, [])