Reactnative 如何将S的此API输出输出到平面列表中控制台将数据及其可视记录到平面列表中，但我无法输出到平面列表中

因此，您发布的代码示例存在多个问题. 让我们先从基础开始. Flatlist使用数组，API返回Object.你需要把它转换成array.

要获得您在演示输出中发布的所需数据，您需要执行如下转换:

Object.values(data['Meta Data'])

您需要使用此数据作为参数调用setListing.

接下来，您的扁平列表中的renderItem函数也是错误的.RenderItem需要返回JSX的函数.仔细查看代码，renderItem不会返回任何内容.您应该删除花括号，如下所示:

renderItem={({item, index}) => 
              <View>
                <Text>{item}</Text>
              </View>
            }

或显式使用RETURN关键字.

完成这些更改后，您的代码应该可以按预期工作.

请找到工作代码:

const[listing, setListing] = useState([]);
  const[isLoading, setIsLoading]= useState(true);
  const[error,setError] = useState(null);

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

  const getProduct = () =>{
    const url = 'https://www.alphavantage.co/query?function=TIME_SERIES_INTRADAY&symbol=IBM&interval=5min&apikey=demo'
      fetch(url)
      .then((response) => {
        console.log('calling data')
        if(!response.ok){
          throw new Error('something is wrong')
        }
          return response.json();
      }).then((data) =>{
        setListing(Object.values(data['Meta Data']));
        setIsLoading(false)
        console.log( Object.values(data['Meta Data']));
      }).catch((error) =>{
        setError(error.message);
        setIsLoading(false);
        console.log(error)
      })
  }

     return (
      <View>
        {isLoading ? (
          <ActivityIndicator color={'blue'} size='large'/>
        ): error ? <Text>{error}</Text>: (
      <View>
        
     
          <FlatList
            data={listing}
            renderItem={({item, index}) => 
              <View>
                <Text>{item}</Text>
              </View>
            }
          />
           </View>
        )}
      </View>
     )
}