在reactJS中转换嵌套的json对象？

function renderNestedJson(nestedJson) {
  if (typeof nestedJson !== 'object' || nestedJson === null) {
    return nestedJson;
  }

  if (Array.isArray(nestedJson)) {
    return nestedJson.map((item, index) => (
      <li key={index}>{renderNestedJson(item)}</li>
    ));
  }

  return Object.entries(nestedJson).map(([key, value]) => (
    <div key={key}>
      <h3>{key}</h3>
      <div>{renderNestedJson(value)}</div>
    </div>
  ));
}

// 使用示例
const nestedJson = {
  name: 'John',
  age: 25,
  hobbies: ['reading', 'coding', 'gaming'],
  address: {
    city: 'New York',
    country: 'USA'
  }
};

function App() {
  return <div>{renderNestedJson(nestedJson)}</div>;
}