使用useState在嵌套对象中存储React表单数据

import React, { useState } from 'react';

const initialFormData = {
  name: '',
  age: '',
  address: {
    street: '',
    city: '',
    country: ''
  }
};

const [formData, setFormData] = useState(initialFormData);

<input 
  type="text"
  value={formData.name}
  onChange={e => setFormData({ ...formData, name: e.target.value })}
/>
<input 
  type="text"
  value={formData.age}
  onChange={e => setFormData({ ...formData, age: e.target.value })}
/>
<input 
  type="text"
  value={formData.address.street}
  onChange={e => setFormData({ 
    ...formData, 
    address: { ...formData.address, street: e.target.value } 
  })}
/>
<input 
  type="text"
  value={formData.address.city}
  onChange={e => setFormData({ 
    ...formData, 
    address: { ...formData.address, city: e.target.value } 
  })}
/>
<input 
  type="text"
  value={formData.address.country}
  onChange={e => setFormData({ 
    ...formData, 
    address: { ...formData.address, country: e.target.value } 
  })}
/>