如何在react原生视图中使用for循环

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

const data = ['Item 1', 'Item 2', 'Item 3'];

const MyComponent = () => {
  return (
    <View>
      {data.map((item, index) => (
        <Text key={index}>{item}</Text>
      ))}
    </View>
  );
};

export default MyComponent;

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

const data = Array.from({ length: 1000 }, (_, i) => `Item ${i + 1}`);

const MyComponent = () => {
  return (
    <FlatList
      data={data}
      renderItem={({ item }) => <Text>{item}</Text>}
      keyExtractor={(item, index) => index.toString()}
    />
  );
};

export default MyComponent;

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

const MyComponent = () => {
  const [data, setData] = useState([]);

  useEffect(() => {
    // 假设fetchData是一个异步函数，用于获取数据
    fetchData().then(data => setData(data));
  }, []);

  return (
    <View>
      {data.map((item, index) => (
        <Text key={index}>{item}</Text>
      ))}
    </View>
  );
};

export default MyComponent;