我需要獲取 user.id 但我不知道如何。
function App() {
const users =
[
{id: 1, name: "Gabriel", idade: 25},
{id: 2, name: "Beatriz", idade: 26}
]
return (
<div>
{users.map((user) =>
<div className='App'>
<p>
{user.id} {user.name} {user.idade}
</p>
<button onClick={console.log(user.id})>Clique aqui</button>
</div>
)}
</div>
);
}
export default App;
當我 console.log(user.id) 回傳陣列中的所有 id 時。有人可以幫助我嗎？
uj5u.com熱心網友回復：
[更正代碼中明顯的拼寫錯誤和語法錯誤后...]
這不是你認為的那樣：
onClick={console.log(user.id)}
這在渲染時console.log(user.id) 立即執行，并將onClick處理程式設定為回傳值（即undefined）。如果要在單擊時執行函式，則需要提供要呼叫的函式，而不僅僅是呼叫函式：
onClick={() => console.log(user.id)}
uj5u.com熱心網友回復：
你應該這樣做。您的 onClick 功能錯誤
<button onClick={()=> console.log(user.id)}>Clique aqui</button>
https://codesandbox.io/s/poliished-pond-2ssx83?file=/src/App.js:322-388
uj5u.com熱心網友回復：
onClick函式需要一個回呼函式，因此您必須以這種方式撰寫代碼：
<button onClick={() => console.log(user.id)}>Clique aqui</button>
轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/435191.html
標籤：反应