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

Question

i am new to react . when i run this code and type somehting in the input nothing appear in the console . what is wrong

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 events are supposed to be camelCase : onChange .

Also, I hope your Text is a variable. Otherwise, you can pass it as a string or declare it above your return :

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

Answer 2

React events are camel case so onchange should be onChange. Your attribute type should not be in curly braces. It should be string

This will work for you:

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