我是一個從事簡單 CRUD 的初學者，我想做的就是從選定的行中獲取用戶。如果你看下面：
{/* ANCHOR - TABLE ROWS */}
{admins.map((user, index) => (
<tbody key={index}>
<tr>
<td style={{fontWeight: 'bold'}}>{user._id}</td>
<td>{shortenStr(user.username)}</td>
<td>{shortenStr(user.firstName)}</td>
<td>{shortenStr(user.lastName)}</td>
<td>{shortenStr(user.dob)}</td>
<td>
<div className="button-div">
<button id="updateUser"
className="button-update-admin"
onClick={handleClick && console.log(user.firstName)}>
</button>
</div>
</td>
</tr>
</tbody>
))}
Console.log 為我提供了表中每個用戶的名字，例如：
John
Steve
Frank
理想情況下，我想將用戶資料傳遞到我的句柄單擊函式中，以便我可以創建一個背景關系。任何幫助表示贊賞，謝謝！
uj5u.com熱心網友回復：
請更換 -
onClick={handleClick && console.log(user.firstName)}>
至
onClick={() => {
console.log(user.firstName)
}}
或者，如果您想對資料使用單獨onClick的功能event-
function handleClick(event, user) {
console.log(user.firstName);
}
...
onClick={(event) => handleClick(event, user)}
轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/485363.html