简单的事件监听器 reactjs 不工作

Question

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

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

Answer 1

React 事件应该是 camelCase : onChange.

还有，希望你的Text是个变数。否则，您可以将其作为字符串传递或在 return:

上方声明

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

Answer 2

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

这对你有用：

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

简单的事件监听器 reactjs 不工作

simple event listener reactjs not working

javascript

dom-events

reactjs