forms react example

import { useState } from 'react';

const App = () => {
  const [data, setData] = useState({
    username: '',
    password: '',
  });

  const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {
    setData({
      ...data,
      [event.target.name]: event.target.value,
    });
  };

  const onSubmit = () => {
    // TODO: here you have to add the code
  };

  return (
    <form onSubmit={onSubmit}>
      <input
        type="text"
        placeholder="type your username"
        name="username"
        value={data.username}
        onChange={handleChange}
      />
      <br />
      <input
        type="text"
        placeholder="type your password"
        name="password"
        value={data.password}
        onChange={handleChange}
      />
      <hr />
      username: {data.username}
      <br />
      password: {data.password}
    </form>
  );
};

export default App;