javascript - React Native : Trying to fetch API and add to Flatlist

Question

trying to fethch data and insert to Flatlist , can someone show my mistake, tried almost everything, Tried to make like in Official Docs, but didnt help:

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>
    );
  };

Why my code does not work???

question from:https://stackoverflow.com/questions/65923806/react-native-trying-to-fetch-api-and-add-to-flatlist

Answer 1

Im not sure the file you are trying to get is JSON file