Reactjs 空间不触发一次更改事件

在我的ReactJS项目中，我有一个简单的受控输入。当我按下空格键时，

onChange

事件不会触发。这是正常的行为吗？改变我改变它

    <input
      type="text"
      onChange={(e) => {
        console.log(e.target.value + 'here');
      }}
      value={this.state.name}
    />

{
log（e.target.value+'here'）；
}}
值={this.state.name}
/>

键入

“test”

将导致日志输出为

testhere

，空格键甚至不会触发事件

编辑

---

所以我刚刚从头开始创建了一个新项目，这不是默认行为。所以我的问题是，我该如何诊断？（这不是我写的代码）。

你在寻找这样的解决方案吗

---

您需要设置变量的状态才能工作。否则，对于事件中的每一个更改，它将像这样注销每个字母

---

React正在为您压缩空间。最后一个空白将自动删除。你可以试着点击空格写点东西，我理解。我创建了一个故意破坏的示例来说明事件没有触发。即使使用上面的代码，输入的任何文本都会显示在日志中。即，“test”作为“test”登录到控制台，即使在输入中它保持为空。是的，完全正确。它在一个单独的项目中工作，所以这个问题局限于我的一个组件，我不知道如何诊断它。嗨，朋友，要诊断你的应用程序，请使用react developer工具，chrome上有一个扩展，如果你仍然无法得到你要找的答案，请使用VS代码中的“chrome调试器”，请给我们更多关于你的问题的信息，我很乐意帮助你