繁体   English   中英

React Native:尝试获取 API 并添加到 Flatlist

[英]React Native : Trying to fetch API and add to Flatlist

试图获取数据并插入到 Flatlist 中,有人可以指出我的错误吗,几乎尝试了所有方法,尝试像在Official Docs中那样制作,但没有帮助:

const [isLoading, setLoading] = useState(true);
  const [data, setData] = useState([]);
  
    useEffect(() => {
      fetch('https://app.sm117.ru/api/v1/contract/news/'),{
        method: "GET",
        headers: {"Content-type": "application/json; charset=UTF-8"}}

        .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.id}, {item.title}</Text>
            )}
          />
        )}
      </View>
    );
  };

为什么我的代码不起作用???

我不确定您要获取的文件是 JSON 文件

至少最后一个括号丢失了

headers: {"Content-type": "application/json; charset=UTF-8"}}

在“then”之前应该有一个“)”来关闭“fetch”调用

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM