单击按钮时如何设置状态

Question

我想在点击按钮时在setDelid中设置user.Id。

<div className="users">
    {users.map((user) => {
      return (
        <div className="users" key={user.Id} >
          <p>
            Name: {user.Title}, EmpID: {user.EmpID}, ID: {user.Id} 
          </p>
          <button onClick={deleteData} onChange={(user) => setDelid(user.Id)} className="button button4"></button>
        </div>
      );
    })}
  </div>

Answer 1

您可以使用onClick函数来运行deleteData函数并设置状态：

<button onClick={() => handleClick(user.id)} />

const handleClick = (userId: string) => {
  setDelid(userId)
  deleteData()
}

单击按钮时如何设置状态

How to set state when a button is clicked

button

reactjs