我在函數(shù)組件中使用 Array.map 方法呈現(xiàn)了一個(gè)按鈕列表。當(dāng)我嘗試將狀態(tài)傳遞給每個(gè)映射的數(shù)組項(xiàng)時(shí)，渲染結(jié)果會(huì)立即更改所有數(shù)組項(xiàng)，而不是一個(gè)一個(gè)地更改。這是我的代碼。難道我做錯(cuò)了什么？抱歉，如果問題已在其他線程中解決，或者我使用了錯(cuò)誤的方法。這是我的第一個(gè) React 項(xiàng)目，我還在學(xué)習(xí)中。如果有人可以提供建議，我們將不勝感激。謝謝你！import React, { useState } from "react"export default function Comp() {  const [isActive, setActive] = useState(false)  const clickHandler = () => {    setActive(!isActive)    console.log(isActive)  }  const data = [    { id: 1, name: "Alice" },    { id: 2, name: "Bob" },    { id: 3, name: "Charlie" },  ]  const renderList = items => {    return items.map(item => (      <li key={item.id}>        <button onClick={clickHandler}>          {item.name} {isActive ? "active" : "not active"}        </button>      </li>    ))  }  return (    <ul>{renderList(data)}</ul>  )}