react.js如何檢測按鍵以及如何模擬按鍵？

Question

我試圖以編程方式在whatsapp網頁上發送消息。 首先，我在頁面上注入了一些jquery，以便更容易地選擇組件。 然後我設置的輸入框與內容：

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

當開關從控制檯到頁面後，我試着按Enter提交領域和消息不發送，但是當我輸入一些東西，它可以發送。

所以我覺得必須有一些事件被觸發，它檢測到有字段上鍵入的內容，所以我嘗試觸發：「改變」，「鍵入」，「keydown」，和許多其他事件，但仍然不能提交。

因爲我不熟悉反應，我現在好奇它是如何檢測輸入的。

當我在鍵盤上按下字母「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> 
     )