reactとe.preventDefault（）を使用してフォームの送信を防止します。

Question

私はこれを理解していないようです.... どのイベントが、関数呼び出しをバインドするのが理にかなっています。e.preventDefault（）;誰かが入力タグを入力するときに入力をクリックした場合は？

現時点では、望ましくないリフレッシュが発生します。 Enterキーが押されたときに別の機能をトリガーしたいとき。

どうすればよいですか？

<form onSubmit={this.stopSubmit}> 
         <FormGroup 
          controlId="formBasicText" 
          validationState={getValidationState()} 
         > 
          <ControlLabel>Stuff</ControlLabel> 
          <FormControl 
           type="text" 
           value={this.state.value} 
           placeholder="Enter text" 
           onChange={handleChange} 
           onKeyUp={handleSubmit.bind(this, "test")} 

          /> 
          <FormControl.Feedback/> 
          <HelpBlock>Validation is based on string length.</HelpBlock> 
         </FormGroup> 
        </form> 

Answer 1

this.stopSubmitフォーム送信

Answer 2

は、formタグにこれを追加防ぐためにfalseを返す必要があります：

<form onSubmit={e => { e.preventDefault(); }}> 

Answer 3

イベントは、フォームの送信です。あなたはMozillaでそれを読むことができます。

本当にフォームの処理内容によって異なります。通常、フォームを送信しているものにevent.preventDefault()関数呼び出しを入れます（つまり、actionパラメータの値は何ですか）。たとえば、AJAX呼び出しの場合は、関数。

少なくとも、私がしていること。ここでは、それを利用するフォーム提出に最近使用した関数の例を示します。

handleFormSubmit = event => { 
    event.preventDefault(); 
    this.searchMovies(this.state.search); 
};