在React中映射包含点的数据

const data = {
  user: {
    name: 'John',
    age: 25,
    address: {
      city: 'New York',
      country: 'USA'
    }
  }
};

import React from 'react';

class MyComponent extends React.Component {
  state = {
    data: {
      user: {
        name: 'John',
        age: 25,
        address: {
          city: 'New York',
          country: 'USA'
        }
      }
    }
  };

  render() {
    const { data } = this.state;
    return (
      <div>
        <p>Name: {data.user.name}</p>
        <p>Age: {data.user.age}</p>
        <p>City: {data.user.address.city}</p>
        <p>Country: {data.user.address.country}</p>
      </div>
    );
  }
}