如何循环访问Reactjs中的嵌套字典或json数据

function renderData(data) {
  return Object.keys(data).map((key) => {
    if (typeof data[key] === 'object') {
      return renderData(data[key]);
    } else {
      return <div key={key}>{data[key]}</div>;
    }
  });
}

// 在组件中使用
function MyComponent() {
  const nestedData = {
    name: 'John',
    age: 25,
    address: {
      street: '123 Main St',
      city: 'New York',
    },
  };

  return <div>{renderData(nestedData)}</div>;
}

function MyComponent() {
  const nestedData = {
    name: 'John',
    age: 25,
    address: {
      street: '123 Main St',
      city: 'New York',
    },
  };

  const renderData = (data) => {
    const elements = [];

    for (const key in data) {
      if (typeof data[key] === 'object') {
        elements.push(renderData(data[key]));
      } else {
        elements.push(<div key={key}>{data[key]}</div>);
      }
    }

    return elements;
  };

  return <div>{renderData(nestedData)}</div>;
}