【问题标题】:React Native Fetch data from API - BUT not render in flat list, just single timeReact Native Fetch data from API - 但不是在平面列表中呈现,只是一次
【发布时间】:2021-06-30 05:09:16
【问题描述】:

谁能帮忙,我发现只有在 Flatlist 中渲染,例如,但我需要没有 Flatlist

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

从 'react-native' 导入 { ActivityIndi​​cator, FlatList, Text, View };

export default App = () => {
  const [isLoading, setLoading] = useState(true);
  const [data, setData] = useState([]);

  useEffect(() => {
    fetch('https://reactnative.dev/movies.json')
      .then((response) => response.json())
      .then((json) => setData(json.movies))
      .catch((error) => console.error(error))
      .finally(() => setLoading(false));
  }, []);

  return (
    <View style={{ flex: 1, padding: 24 }}>
      {isLoading ? <ActivityIndicator/> : (
        <FlatList
          data={data}
          keyExtractor={({ id }, index) => id}
          renderItem={({ item }) => (
            <Text>{item.title}, {item.releaseYear}</Text>
          )}
        />
      )}
    </View>
  );
};
 

【问题讨论】:

    标签: reactjs fetch native


    【解决方案1】:
    data.map((item, id) => (<Text key={id}>{item.title}, {item.releaseYear}</Text>)
    

    【讨论】:

      猜你喜欢
      • 2022-12-15
      • 2021-09-09
      • 1970-01-01
      • 2023-03-30
      • 2015-09-06
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多