react 遍历useState添加key

在React中，使用`map()`方法遍历`useState`数组时需要为每个元素添加唯一的`key`属性，以便React能够正确地识别和更新每个元素。以下是一个示例代码：

import React, { useState } from "react";

function App() {
  const [items, setItems] = useState(["item1", "item2", "item3"]);

  return (
    <div>
      {items.map((item, index) => (
        <div key={index}>{item}</div>
      ))}
    </div>
  );
}

export default App;

在上面的代码中，我们使用`map()`方法遍历`items`数组，并为每个元素添加了一个唯一的`key`属性，这里我们使用了元素在数组中的索引`index`作为`key`属性的值。这样，当我们对`items`数组进行更新时，React就能够正确地识别和更新每个元素。