有誰知道我可以在這里傳遞我想用于按鈕 onClick 的 const 的名稱嗎？
所以我在我的組件中定義了兩個 const，我想要實作的是列中的每個按鈕呼叫一個不同的 const，所以我通過 props 傳遞了我想要使用的 const 的名稱，但這不起作用。例如，如果我通過clickHandler="handleFirstOption"
onClick 列按鈕必須變為：
<Button role="group" mt={10} onClick={handleFirstOption}>
有誰知道我怎么能做到這一點？
頁腳行.jsx
<FooterColumn
clickHandler="handleFirstOption"
/>
<FooterColumn
clickHandler="handleSecondOption"
/>
頁腳列.jsx
const handleFirstOption = event => {
updateStep(firstOption);
};
const handleSecondOption = event => {
updateStep(secondOption);
event.preventDefault();
};
<Button role="group" mt={10} onClick={clickHandler}>
uj5u.com熱心網友回復：
在你的內部定義這個FooterColumn：
let handlers = {
handleFirstOption: event => {
updateStep(firstOption);
}
handleSecondOption: event => {
updateStep(secondOption);
event.preventDefault();
}
}
然后，您可以使用 props 中的字串名稱指定您想要的處理程式：
<Button role="group" mt={10} onClick={handlers[clickHandler]}>
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/478725.html
標籤：javascript 反应
上一篇：使用按鈕在陣列中顯示不同的文本值