简单的事件监听器reactjs不起作用答案

【问题标题】：simple event listener reactjs not working简单的事件监听器reactjs不起作用
【发布时间】：2021-07-24 11:36:40
【问题描述】：

我是新来的反应。当我运行此代码并在输入中键入 somehting 时，控制台中没有出现任何内容。怎么了

import "./styles.css";
import React from "react";
import ReactDOM from "react-dom";
const Copyinput = (e) => {
  console.log("wow");
};

export default function App() {
  return (
    <div className="App">
      <input type={Text} onchange={Copyinput}></input>
    </div>
  );
}

【问题讨论】：

标签： javascript reactjs dom-events

【解决方案1】：

React 事件应该是 camelCase : onChange。

另外，我希望你的Text 是一个变量。否则，您可以将其作为字符串传递或在return 上方声明：

<input type="text" onChange={Copyinput}></input>

【讨论】：

我也对 Text 很感兴趣，结果证明它是一个内置构造函数 (window.Text)。
哇。不知道。可以在控制台中看到它，但找不到好的文档。 @RoboRobok 有什么线索吗？
如果是输入，则该值确实需要存储在状态中，以便可以使用每个 onChange 进行更新。
@TusharShahi 我刚刚发现了这个：developer.mozilla.org/en-US/docs/Web/API/Text/Text
@Andy True。但是无论如何，哇仍然会被记录，这就是我想现在OP想要实现的目标。

【解决方案2】：

React 事件是驼峰式的，所以 onchange 应该是 onChange。您的属性类型不应包含在大括号中。应该是字符串

这对你有用：

<input type="text" onChange={Copyinput}></input>

【讨论】：