2017-06-05 7 views
0

2つのテキストフィールドが同じ場合は条件があり、そうでない場合はボタンが無効になります。私はこれが間違っていることを知っています。あなたが行うことができますReactjsでボタンのクリックを無効にする方法は?

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

PROヒントのようなあなたのJSX内の無効なボタンを設定することができます:(1)議決アドバイスを提供しないでください。人々があなたの記事に投票することを望むなら、彼らは意志を表明し、人々にdownvoteをしないように頼むことはおそらく反対の効果を持つでしょう。 (2)「助けてください」と他の形の乞食と嘆願を控えるようにしてください。それは下降音を得るもう一つの良い方法です。数百人の人々が毎日懇願しているので、経験のあるユーザーは迷惑をかけることになります。 (3)あなた自身を参照するときは、大文字の「I」を使用してください。Facebook上ではすべて小文字の投稿がOKですが、ここでは可読性が重要です。ありがとう! – halfer

答えて

0

あなたrender機能であること:

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

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

お返事ありがとうございますが、

+0

を使用していただきありがとうございます。送信ボタンの状態を変更する方法はありますか? – CodinCat

+0

ああ、ちょうどモーダルだ –

0

まず、いけないの両方ご入力のために(あなたはそれが提出された後にそれを無効にしたくない)変化をonSubmitチェックしますが。 disabledButtonの状態値を追加し、両方の入力が同じ場合(onChangeイベント内)にのみfalseに設定します。

あなたは投稿のため、この

<button disabled={this.state.disabledButton} /> 
関連する問題