如何在react native中将Json响应对象分配给状态对象

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

const MyComponent = () => {
  const [jsonData, setJsonData] = useState(null);

  useEffect(() => {
    // 模拟异步获取JSON响应对象
    const fetchJsonData = async () => {
      try {
        const response = await fetch('https://example.com/api/data');
        const json = await response.json();
        setJsonData(json);
      } catch (error) {
        console.error(error);
      }
    };

    fetchJsonData();
  }, []);

  return (
    <View>
      {jsonData ? (
        <Text>{JSON.stringify(jsonData)}</Text>
      ) : (
        <Text>Loading...</Text>
      )}
    </View>
  );
};

export default MyComponent;