score:1

Accepted answer

you have forgot to pass the event when calling the function

try this

onchange={(e) => handlechange(e)}

or

onchange={handlechange}

code sandbox => https://codesandbox.io/s/dreamy-pateu-1mc6j?file=/src/app.tsx

score:0

onchange={handlechange} see if this can help you!

score:1

you can do like this

export default function unidirectionflow() {
const [states, setstates] = usestate({
state3:'',
state4:''
})

const handlechange = (
    e: react.changeevent<htmltextareaelement | htmlinputelement>
  ) => {
    setstates({
      ...states,
      [e.target.name]: e.target.value.trim(),
    });
  };

  return (
    <main>
      <input type="text" name="state3" value={states.state3} onchange={handlechange} />
      <input type="text" name="state4" value={states.state4} onchange={handlechange} />
    </main>
  );
};



Related Query

More Query from same tag