如何在React Native中呈现从REST API获取的信息？

fetch('https://api.example.com/data')
  .then(response => response.json())
  .then(data => {
    // 在这里处理获取到的数据
  })
  .catch(error => {
    // 处理错误情况
  });

import React, { useState, useEffect } from 'react';

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

  useEffect(() => {
    fetchData();
  }, []);

  const fetchData = () => {
    fetch('https://api.example.com/data')
      .then(response => response.json())
      .then(data => {
        setData(data);
      })
      .catch(error => {
        // 处理错误情况
      });
  };

  return (
    <View>
      {data && (
        // 在这里使用获取到的数据进行渲染
      )}
    </View>
  );
};

export default MyComponent;

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

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

  useEffect(() => {
    fetchData();
  }, []);

  const fetchData = () => {
    fetch('https://api.example.com/data')
      .then(response => response.json())
      .then(data => {
        setData(data);
      })
      .catch(error => {
        // 处理错误情况
      });
  };

  return (
    <View>
      {data && (
        <FlatList
          data={data}
          renderItem={({ item }) => <Text>{item.title}</Text>}
          keyExtractor={item => item.id.toString()}
        />
      )}
    </View>
  );
};

export default MyComponent;