개체 계산 속성 이름을 사용하여 React에서 양식 입력 관리

    const initFormInput = {
      firstName: "",
      lastName: "",
      email: ""
    };

    const [formInput, setFormInput] = useState(initFormInput);

    return (
        <FormContainer onSubmit={submitHandler}>
          <label>First Name</label>
          <Input
            type="text"
            required
            onChange={changeHandler}
            name="firstName"
            value={firstName}
          />
          <label>Last Name</label>
          <Input
            type="text"
            required
            onChange={changeHandler}
            name="lastName"
            value={lastName}
          />
          <label>Email</label>
          <Input
            type="email"
            required
            onChange={changeHandler}
            name="email"
            value={email}
          />

    <button type="submit">Submit</button>
        </FormContainer>
      );

    const changeHandler = (event) => {
        const { name, value } = event.target;
        setFormInput({ ...formInput, [name]: value });
      };