2016-09-18 48 views
0

我有一個表格如下:設置的onClick防止按鈕從具有默認行爲

<form> 
    <RaisedButton 
     label={'next'} 
     onClick={this.handleNext} 
     type={'submit'} 
     style={{marginRight: 12}}/> 
</form> 

的問題是,當我設置的onClick一個按鈕,它可以防止按鈕的默認行爲(其爲提交)。
這種行爲是否是預期的反應?我該如何解決它?

請注意:我已經使用了redux-form和material-ui Stepper組件,但由於我認爲這是一個反應相關的問題,我創建了一個更簡單的代碼。

回答

0

我會想象你正在導入的RaisedButton組件有一個evt.preventDefault()調用阻塞提交。要驗證,用正常的html button替換RaisedButton並查看錶單是否提交。如果是這樣,你必須看看RaisedButton來源,看看你是否可以停止preventDefault電話。

+0

我沒有替換按鈕。同樣的問題。沒有改變 – Mehrdad

+0

啊,表單沒有提交網址?如果你在'

'標籤上放置了一個'onSubmit'監聽器,它會觸發嗎? –

+0

它就像'' Mehrdad

0

我認爲這是因爲你忘了添加道具type=submit,如果你想提交表單數據,你應該爲你的按鈕元素添加一個道具type=submit。 RaisedButton只提供一個正常的按鈕。