访问ReactJS中的嵌套JSON数据

{
  "person": {
    "name": "John",
    "age": 30,
    "address": {
      "street": "123 Main St",
      "city": "New York"
    }
  }
}

const jsonData = {
  "person": {
    "name": "John",
    "age": 30,
    "address": {
      "street": "123 Main St",
      "city": "New York"
    }
  }
};

console.log(jsonData.person.name); // 输出：John
console.log(jsonData.person.address.city); // 输出：New York

import React from 'react';

const jsonData = {
  "person": {
    "name": "John",
    "age": 30,
    "address": {
      "street": "123 Main St",
      "city": "New York"
    }
  }
};

const App = () => {
  return (
    <div>
      <h1>{jsonData.person.name}</h1>
      <p>Age: {jsonData.person.age}</p>
      <p>Address: {jsonData.person.address.street}, {jsonData.person.address.city}</p>
    </div>
  );
};

export default App;