react如何动态往数组添加值

在React中，我们可以使用setState方法来动态添加值到数组中。下面是一个示例：

import React, { useState } from 'react';  function App() {   const [items, setItems] = useState([]);    const addItem = () => {     setItems(prevItems => [...prevItems, 'new item']);   };    return (     <div>       <button onClick={addItem}>添加项</button>       <ul>         {items.map((item, index) => (           <li key={index}>{item}</li>         ))}       </ul>     </div>   ); }  export default App; 

在上面的示例中，我们首先使用useState钩子创建了一个名为items的数组和一个名为setItems的函数。然后，我们定义了一个addItem函数，该函数通过在setItems中使用函数形式来更新items数组的状态。通过使用扩展运算符，我们将新的项添加到先前的项数组中。

最后，我们在组件的渲染部分使用了items.map方法来遍历items数组，并在每个项上添加一个