使用react.js从嵌套子对象获取表单值

import React, { useState } from 'react';

function MyForm() {
  const [formValues, setFormValues] = useState({
    nested: {
      firstName: '',
      lastName: ''
    }
  });

  const handleInputChange = (event) => {
    const { name, value } = event.target;
    setFormValues(prevState => ({
      ...prevState,
      nested: {
        ...prevState.nested,
        [name]: value
      }
    }));
  };

  return (
    <form>
      <input
        type="text"
        name="firstName"
        value={formValues.nested.firstName}
        onChange={handleInputChange}
      />
      <input
        type="text"
        name="lastName"
        value={formValues.nested.lastName}
        onChange={handleInputChange}
      />
    </form>
  );
}

export default MyForm;