react.jsがキー入力を検出する方法とシミュレーションする方法は？

Question

私はプログラムによってwhatsapp web上にメッセージを送信しようとしています。 まず、コンポーネントを簡単に選択できるように、jqueryをページに挿入します。 私は、その後に入力ボックスの内容を設定します。ページにコンソールから切り替えるとき、私はフィールドを提出するために入力すると、メッセージが送信されません押ししようとするが、私は何かを入力したとき

$(".input").html("This is a test message"); 

それは送信を可能にする。

フィールドに入力されているコンテンツが検出されたため、「変更」、「キーアップ」、「キーダウン」などのトリガを試してみる必要がありますそれでも提出はできません。

私は反応に慣れていないので、入力がどのように検出されるのかが不思議です。

私のキーボードで文字「E」を押すと、ブラウザが限定された数のイベントが発生します（これはjavascript（したがって反応する）が識別できます）。私は、 "keydown"、 "keyup"、 "keypress"と言っていますが、キーボードを実際に入力したときだけ、これらのプログラムをトリガするときに反応が出ません。

私の質問：react.jsがキー押下をどのように検出し、どのようにこれらのイベントをプログラムでトリガーできますか？

Answer 1

onChangeイベントを使用してテキストをキャプチャできます。

class X extends React.Component{ 
     changeEvent() 
     { 

     this.setState({ 
       [e.target.name] : e.target.value 
      }); 

     } 

      render(){ 
      return (

      <div> 
    ) 
    } 
    } 

      <input type="text" name="firstname" onChange={this.changeEvent.bind(this)} 
     <div> 
     )