在React Native中呈现嵌套的json对象

import React from 'react';
import { View, Text } from 'react-native';

const renderJSON = (json) => {
  if (typeof json === 'object') {
    if (Array.isArray(json)) {
      return json.map((item, index) => (
        <View key={index}>
          {renderJSON(item)}
        </View>
      ));
    } else {
      return Object.keys(json).map((key, index) => (
        <View key={index}>
          <Text>{key}</Text>
          {renderJSON(json[key])}
        </View>
      ));
    }
  } else {
    return <Text>{json}</Text>;
  }
};

const App = () => {
  const nestedJSON = {
    name: 'John',
    age: 25,
    address: {
      street: '123 Main St',
      city: 'New York',
      country: 'USA'
    },
    hobbies: ['reading', 'coding', 'gaming']
  };

  return (
    <View>
      {renderJSON(nestedJSON)}
    </View>
  );
};

export default App;