如何映射使用JS fetch API和SWR收集的嵌套JSON属性

fetch('https://example.com/data.json')
  .then(response => response.json())
  .then(data => {
    // 在这里处理获取到的JSON数据
  })
  .catch(error => {
    // 处理错误情况
  });

import useSWR from 'swr';

const fetcher = (url) => fetch(url).then(response => response.json());

function MyComponent() {
  const { data, error } = useSWR('https://example.com/data.json', fetcher);

  if (error) {
    // 处理错误情况
  }

  if (!data) {
    // 数据尚未加载完成，可以显示加载中的UI
    return <div>Loading...</div>;
  }

  // 在这里处理获取到的数据
  return <div>{data.property}</div>;
}

{
  "person": {
    "name": "John",
    "age": 30
  }
}

const name = data.person.name;

const name = data['person']['name'];