使用React中的useState钩子获取对象的初始值

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

function MyComponent() {
  // 使用useState钩子设置状态的初始值为initialObject
  const [user, setUser] = React.useState(initialObject);

  return (
    <div>
      <h1>{user.name}</h1>
      <p>Age: {user.age}</p>
      <p>Email: {user.email}</p>
    </div>
  );
}

// initialData.js
export const initialObject = {
  name: 'John',
  age: 30,
  email: 'john@example.com'
};

// MyComponent.js
import React from 'react';
import { initialObject } from './initialData';

function MyComponent() {
  const [user, setUser] = React.useState(initialObject);

  return (
    <div>
      <h1>{user.name}</h1>
      <p>Age: {user.age}</p>
      <p>Email: {user.email}</p>
    </div>
  );
}