リアクトブートストラップ形だけで二、私は私が押されて入力したときに行動したい簡単なフォームを作ってるんだ

Question

Enterキーを押しますに提出しますが、何らかの理由でそれが唯一の代わりに、最初の

の、 二入力プレス上で動作します

は、コンポーネントのため）（レンダリング：

render() { 
    return (
     <form onSubmit={this.handleSubmit}> 
      <FormGroup controlId="formBasicText"> 
       <ControlLabel>MyLabel</ControlLabel> 
       <FormControl 
        type="text" 
        value={this.state.value} 
        placeholder="Enter something" 
        onChange={this.handleChange} 
       /> 
       <FormControl.Feedback /> 
      </FormGroup> 
     </form> 
    ); 
} 

handleSubmit（）：

handleSubmit(e) { 
    e.preventDefault(); 
    myMethod({this.state.value}); 
} 

は、なぜこれが唯一の第二入力するプレスに取り組んでいますか？

編集：明らかに、これはオブジェクトコードのサブセットに過ぎません。ちょうどこれを実行しようとすると、もちろん失敗するでしょう。私は間違っていることは、オブジェクトのレンダリングまたはhandleSubmitメソッドのいずれかにある可能性が高いと思います。

は、念のために、ここにコンストラクタです：それはthis.setStateを使用しているときのように、すぐに変更を実装するのではなく、状態の更新をキューに入れているため

constructor(props) { 
    super(props); 
    this.state = { 
     value: "", 
    }; 
    this.handleChange = this.handleChange.bind(this); 
    this.handleSubmit = this.handleSubmit.bind(this); 
} 

Answer 1

はそれができるので、状態の新しい値です関数呼び出し時にアクセスできない？

はこちらをご覧：それのようReactJS this.setState() out of sync with this.state.myvar