我試圖從 onClick 事件中取出一個函式，但我不知道為什么它不起作用。
此代碼有效
<ul className="list-group mt-3">
{news.map((item) => (
<li
key={item.name}
className="list-group-item text-capitalize"
>
{item.name}
<button
className="btn btn-dark btn-sm float-right"
onClick={ () => dispatch( newsAction(item.url) ) }
>
Info
</button>
</li>
))}
</ul>
但我正在嘗試使用它來清理代碼
const handleGetInfo = (url) => {
dispatch( newsAction(url) )
}
return (
<ul className="list-group mt-3">
{news.map((item) => (
<li
key={item.name}
className="list-group-item text-capitalize"
>
{item.name}
<button
className="btn btn-dark btn-sm float-right"
onClick={ handleGetInfo }
>
Info
</button>
</li>
))}
</ul>
)
并且在呼叫 API 時拋出 404 錯誤
uj5u.com熱心網友回復：
const handleGetInfo = (url) => () => {
dispatch( newsAction(url) )
}
return (
<ul className="list-group mt-3">
{news.map((item) => (
<li
key={item.name}
className="list-group-item text-capitalize"
>
{item.name}
<button
className="btn btn-dark btn-sm float-right"
onClick={ handleGetInfo(item.url) }
>
Info
</button>
</li>
))}
</ul>
)
轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/354988.html
標籤：javascript 反应 还原