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> 
     )