下面的onClick()函式在沒有href的情況下可以正常作業。但是當我加入href時，似乎只有href在運行，而不是onClick()函式。我怎樣才能既運行onClick()函式，又將用戶發送到一個新頁面呢？
<IonButton
color="primary"
onClick={() => {saveData()}。
href="/create/"
>Save</IonButton>
uj5u.com熱心網友回復：
你真的不想使用href使用history
const history = useHistory();
<IonButton color="primary"/span>
onClick={(event) =>/span> {
event.preventDefault（）。
saveData（）。
history.push("/create"/span>)}}。
> Save>
</IonButton>
uj5u.com熱心網友回復：
preventDefault() JS event的方法將限制JS引擎執行HTML標簽的默認功能，以便在任何事件中執行。在你的例子中，就是導航到href屬性中提到的<a>標簽的URL。
在處理程式中呼叫點擊事件的preventDefault，如下：
const history = useHistory();
//....
const saveData = event => {
event.preventDefault（）。
//這里你可以實作你的邏輯。
history.push("/create") 。
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/330242.html
標籤：