2017-04-19 50 views
0

學習React,我知道這個問題是不是它的一部分,但我一直想知道什麼的preventDefault部分做:event.preventDefault()在提交按鈕函數中做了什麼?

handleSubmit(event) { 
    alert('A name was submitted: ' + this.state.value); 
    event.preventDefault(); 
    } 

當我在一個頁面打開的例子並刪除了preventDefault,頁面只是當我點擊提交時不刷新。那麼這是否意味着單擊時提交按鈕的默認行爲是將某個表單數據發送到某處,然後將當前頁面重定向到其他地方?通過防止默認,這可以防止它發生?這個活動是Dom活動嗎?

+0

可能cublicate:http://stackoverflow.com/questions/11921210/how-exactly-does-event-preventdefault-affect-the-dom – 2017-04-19 07:12:26

回答

0

event.preventDefault()基本上可以防止事件發生。在submit事件的情況下。 event.preventDefault()將阻止您的表單提交。

我們通常會阻止submit行爲在提交表單前檢查一些驗證,或者我們需要更改我們輸入字段的值,或者我們希望使用ajax調用來提交。爲此,我們避免使用提交形式:

event.preventDefault(); 
// Here comes our custom logic 

This是你的問題很好看。希望這有助於:)