主页 / 问题 / 1586120
Accepted
Marat
Asked:2024-07-04 18:05:01 +0000 UTC2024-07-04 18:05:01 +0000 UTC

为什么 useState 钩子在 React 中不起作用？

  • 772

在 React 中，我尝试使用 useState 挂钩创建一个元素编号从 1 到 10 ([1,2...10]) 的数组：

const [pagesArray, setPagesArray] = useState([]);

    useMemo(() => {
        setPagesArray([])
        for (let i = 0; i < totalPages; i++) {
            setPagesArray([...pagesArray, i + 1]);
        }
        console.log(pagesArray)
    }, [totalPages]);

这里totalPages是数字10（如果它很重要，也可以使用useState进行更改）。但是pagesArray没有改变，为什么呢？

reactjs

1 个回答

  1. Best Answer

    在 React 中，我尝试使用 useState 挂钩创建一个元素编号从 1 到 10 ([1,2...10]) 的数组：

    这是你可以检查的方法...

    const App = _ => {  
  const [p, setP] = React.useState(0)
  const [a, setA] = React.useState([])
  React.useEffect(_ => {
    const arr = Array.from({length: +p}, (_, i) => i + 1)
    setA(arr)
  }, [p])
  return <main>
    <input type='number' onChange={e => setP(+e.target.value)} value={p} />
    <section>
      {a.map(v => <div key={v}>{v}</div>)}
    </section>
  </main>
}

const domContainer = document.querySelector('#like_button_container');
const root = ReactDOM.createRoot(domContainer);
root.render(<App />);
    section {
  display: flex;
  gap: 10px;
}
div {
  padding: 5px;
  border: 1px solid;
}
    <script src="https://unpkg.com/react@18/umd/react.development.js" crossorigin></script>
<script src="https://unpkg.com/react-dom@18/umd/react-dom.development.js" crossorigin></script>
<div id="like_button_container"></div>

    • 0

相关问题