React js将对象转换为useState的数组

const user = {
  name: 'John',
  age: 25,
  email: 'john@example.com'
};

import React, { useState } from 'react';

const UserComponent = () => {
  const { name, age, email } = user;
  const [userName, setUserName] = useState(name);
  const [userAge, setUserAge] = useState(age);
  const [userEmail, setUserEmail] = useState(email);

  // 更新用户名
  const handleNameChange = (event) => {
    setUserName(event.target.value);
  };

  // 更新年龄
  const handleAgeChange = (event) => {
    setUserAge(event.target.value);
  };

  // 更新邮箱
  const handleEmailChange = (event) => {
    setUserEmail(event.target.value);
  };

  return (
    <div>
      <input type="text" value={userName} onChange={handleNameChange} />
      <input type="number" value={userAge} onChange={handleAgeChange} />
      <input type="email" value={userEmail} onChange={handleEmailChange} />
    </div>
  );
};

export default UserComponent;