React Native显示嵌套数组项

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

const renderNestedItems = (items) => {
  return items.map((item, index) => {
    if (Array.isArray(item)) {
      // 如果当前项是数组，则递归调用renderNestedItems函数处理嵌套数组
      return (
        <View key={index}>
          {renderNestedItems(item)}
        </View>
      );
    } else {
      // 如果当前项不是数组，则直接显示文本内容
      return (
        <Text key={index}>{item}</Text>
      );
    }
  });
};

const App = () => {
  const nestedItems = [
    'Item 1',
    ['Nested Item 1', 'Nested Item 2'],
    'Item 2',
    ['Nested Item 3', ['Nested Item 4', 'Nested Item 5']],
  ];

  return (
    <View>
      {renderNestedItems(nestedItems)}
    </View>
  );
};

export default App;

Item 1
Nested Item 1
Nested Item 2
Item 2
Nested Item 3
Nested Item 4
Nested Item 5