Reactjs:如何使用react钩子更新状态数组中的值？

import React, { useState } from 'react';

function App() {
  // 初始化状态数组
  const [items, setItems] = useState(['Item 1', 'Item 2', 'Item 3']);

  // 更新数组中的特定值
  const updateItem = (index, newValue) => {
    const newItems = [...items]; // 创建数组的副本
    newItems[index] = newValue; // 更新特定索引的值
    setItems(newItems); // 使用setItems更新状态
  };

  return (
    <div>
      <ul>
        {items.map((item, index) => (
          <li key={index}>
            {item}
            <button onClick={() => updateItem(index, `Updated ${item}`)}>
              Update
            </button>
          </li>
        ))}
      </ul>
    </div>
  );
}

export default App;