所以我最近在代碼庫中看到了這一點。從一個隱式回傳onClick
<Button onClick={() => history.push('/urlTing') }>
Ting
</Button>
這是一個很大的禁忌嗎?或者更好?任何輸入在這里將不勝感激。兩者似乎都提供了所需的行為。
顯然這是沒有隱式回傳的樣子。
<Button onClick={() => {
history.push('/urlTing');
}}>
Ting
</Button>
uj5u.com熱心網友回復:
它沒有任何區別。如果您不希望在保持單行格式的同時隱式回傳,請使用void關鍵字:
<Button onClick={() => void history.push('/urlTing') }>
Ting
</Button>
uj5u.com熱心網友回復:
隱式回傳沒有任何問題。該onClick事件處理函式的回傳值不習慣于通過反應。根據檔案https://reactjs.org/docs/handling-events.html
另一個區別是你不能回傳
false來阻止 React 中的默認行為。您必須preventDefault明確呼叫。
因此,處理程式回傳什么并不重要,或者它是否回傳任何內容。
uj5u.com熱心網友回復:
在標記內部的每個渲染上創建回呼本身并不是最佳實踐。回到問題:正如您提到的,主要區別在于回傳值之間。我懷疑onClickReact的API 永遠不會改變。但是,如果將來會有某種預期的回傳值 - 如果您確實回傳了某些東西,那么您可能會遇到一些麻煩。
經驗法則:如果您沒有被要求退回某些東西 - 不要這樣做。
轉載請註明出處,本文鏈接:https://www.uj5u.com/caozuo/363920.html
上一篇:跟蹤。任務與執行緒ID相同嗎?
