Question

How to use arrow function component with input and onChange event in React JS

Answer 1

import React, { useState } from "react";

const AFunction = () => {
  const [words, setWords] = useState("Arrow Function");
  const handleChange = event => setWords(event.target.value);
  return (
    <div>
      <h1>{words}</h1>
      <input type="text" value={words} onChange={handleChange} />
    </div>
  );
};
export default AFunction;


/*
run:

Arrow Function

*/

 

70+ SQL courses for beginners and professionals