this is my code if i am using console.log(result) is it showing me output in the console   log but not showing output in the app some with react react native i am using an quote api Link:- https://api.quotable.io/quotes/random  you can see the response of the api

字符串
联系我们“tvXaBe-wkKU”，“author”：“Octavia E. Butler”，“authorSlug”：“octavia-e-butler”，“content”：“有时候做朋友意味着掌握时机的艺术。有一段时间是沉默的。有一段时间是放手的，让人们投入自己的命运。还有一段时间是准备在一切结束时收拾残局。"，“dataAdded”：“2020-07-10”，“dateModified”：“2023-04-14”，“length”：229，“tags”：[“友谊”]}]
while using 9result）in the console if I am using console.log（result.content）if is showing log undefined

`import React, {useEffect, useState} from 'react';
import {
Text,
TouchableOpacity,
View,
} from 'react-native';
 const App = () => {
  const [Quote, setQuote] = useState('Loading...');
  const [Author, setAuthor] = useState('Loading...');
 const [isLoading, setIsLoading] = useState(false);
  const randomQuote = () => {
  setIsLoading(true);
  fetch("https://api.quotable.io/quotes/random")
  .then(res => {
    if (!res.ok) {
      throw new Error(`Failed to fetch: ${res.status}`);
    }
    return res.json();
    })
    .then(result => {
    console.log(result.content);
    setQuote(result.content);
    setAuthor(result.author);
    setIsLoading(false);
    })
  .catch(error => {
    console.error('Error fetching quote:', error.message);
    setIsLoading(false);
     });
   };
    useEffect(() => {
    randomQuote();
   }, []);
    return (
     <View
       style={{
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
    backgroundColor: '#ADD8E6',
      }}>
      <View
    style={{
      width: '90%',
      backgroundColor: '#fff',
      borderRadius: 20,
      padding: 20,
       }}>
    <Text
      style={{
        color: '#333',
        textAlign: 'center',
        fontSize: 26,
        fontWeight: '600',
        marginBottom: 20,
      }}>
      Quote of the Day
      </Text>
      <Text style={{color: 'black', fontSize: 30, fontWeight: '800'}}>"</Text>
      <Text
      style={{
        color: 'purple',
        fontSize: 16,
        lineHeight: 26,
        letterSpacing: 1.1,
        fontWeight: '400',
        textAlign: 'center',
        marginBottom: 10,
        paddingHorizontal: 30,
      }}>
      {Quote}
       </Text>
       <Text
      style={{
        color: 'black',
        fontSize: 30,
        textAlign: 'right',
        fontWeight: '800',
      }}>
      "
       </Text>
       <Text
      style={{
        textAlign: 'right',
        fontWeight: '300',
        fontSize: 16,
        fontStyle: 'italic',
        color: '#000',
      }}>
      -- {Author}
      </Text>
       <TouchableOpacity
        onPress={randomQuote}
        style={{
        backgroundColor: 'black',
        padding: 20,
        borderRadius: 30,
        marginVertical: 20,
        }}>
          <Text style={{color: '#fff', fontSize: 18, textAlign: 'center'}}>
          {isLoading ? 'Loading...' : 'New Quote'}
         </Text>
        </TouchableOpacity>
      </View>
    </View>
     );
     };

型
导出默认应用程序;`