在表单输入上显示来自对象的正确数据

import React, { useState } from 'react';

const initialUser = {
  name: 'John Doe',
  email: 'john@example.com'
};

function UserForm() {
  const [user, setUser] = useState(initialUser);

  const handleChange = (event) => {
    const { name, value } = event.target;
    setUser({
      ...user,
      [name]: value
    });
  };

  return (
    <form>
      <div>
        <label>Name:</label>
        <input
          type="text"
          name="name"
          value={user.name}
          onChange={handleChange}
        />
      </div>
      <div>
        <label>Email:</label>
        <input
          type="email"
          name="email"
          value={user.email}
          onChange={handleChange}
        />
      </div>
      <button type="button" onClick={() => console.log(user)}>Submit</button>
    </form>
  );
}

export default UserForm;