无法使用提取API提取数据

我试图从api中获取要显示的数据,但是当我console.log(stations)时,我得到的只是一个空对象。我不完全知道为什么会这样。.api确实有一些参数,但是没有它们也可以工作。

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

import Items from "./Items";

const DisplayList = () => {
  const [loading, setLoading] = useState(false);
  const [error, setError] = useState(null);
  const [stations, setStations] = useState({});

  async function fetchStations() {
    const res = await fetch(
      "http://savills-techtest-nwapi.eba-eammdiqd.eu-west-2.elasticbeanstalk.com/stations",
      {
        method: "GET", 
        mode: "no-cors", 
        headers: {
          "Content-Type": "application/json",
          "Access-Control-Allow-Origin": "*"
        }
      }
    );

    console.log(res);
    res
      .json()
      .then(res => setStations(res))

      .catch(err => setError(err));
  }

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

  if (error) return <div>Something went wrong</div>;



  return <Items rows={stations} />;
};

export default DisplayList;