如何禁用Reactjs中的按鈕onclick？

我有一個條件，如果兩個文本字段是相同的，它會繼續，如果不是，那麼該按鈕被禁用。我知道我做錯了。如何禁用Reactjs中的按鈕onclick？

onSubmit() { 
     debugger 
     if (this.state.password == this.state.password2) 
      alert('same'); 
     else 
      alert('error'); 
      this.disable; 
}

來源

2017-06-05 P.Macs

用於發佈的PRO提示設置您的JSX內禁用按鈕。如果人們想對你的帖子進行投票，他們會，並且要求人們不要倒退，可能會產生相反的效果; （2）儘量避免「請幫助我」和其他形式的乞求和懇求 - 這是獲得低價的另一種好方法。有經驗的用戶覺得很煩人，因爲每天都有數百人乞討。（3）當提及自己時，請使用大寫字母「I」 - 在Facebook上可能全部使用小寫字母，但可讀性在這裏很重要。謝謝！ – halfer

你可以在你的render功能：

render() { 
    const submitDisabled = this.state.password !== this.state.password2 

    return (
    // ... 
     <button disabled={submitDisabled}>Submit</button> 
    // ... 
) 
}

來源

2017-06-05 09:13:44 CodinCat

謝謝你的回答，但即時通訊使用 –

什麼是CustomDialog？它是否提供了更改提交按鈕狀態的方法？ – CodinCat

哦，它只是一個模式 –

首先，不檢查的onsubmit而是改變（你不希望將其禁用後提交）爲您的輸入。爲您的disabledButton添加一個狀態值，並且僅當兩個輸入相同（在onChange事件中）時纔將其設置爲false。（1）請不要提供投票建議：

你可以這樣

<button disabled={this.state.disabledButton} />

來源

2017-06-05 09:14:12 Nevosis

如何禁用Reactjs中的按鈕onclick？

回答

相關問題