访问react中嵌套的JSON API对象中的数据

{
  "user": {
    "id": 1,
    "name": "John Doe",
    "address": {
      "city": "New York",
      "zip": "10001"
    }
  }
}

import React, { useState, useEffect } from 'react';
import axios from 'axios';

function UserProfile() {
  const [user, setUser] = useState(null);

  useEffect(() => {
    axios.get('https://api.example.com/user')
      .then(response => {
        setUser(response.data.user);
      })
      .catch(error => {
        console.error("There was an error fetching the user data!", error);
      });
  }, []);

  if (!user) {
    return <div>Loading...</div>;
  }

  return (
    <div>
      <h1>{user.name}</h1>
      <p>City: {user.address.city}</p>
      <p>Zip: {user.address.zip}</p>
    </div>
  );
}

export default UserProfile;

<p>City: {user?.address?.city}</p>
<p>Zip: {user?.address?.zip}</p>