Реагировать. js - Не удается получить API

Question

Я пытаюсь создать веб-сайт API для своего портфолио с использованием API библиотеки изображений и видео NASA. Когда я набираю выборку в моем браузере (https://images-api.nasa.gov/search?q=%22%22), коллекция всплывает. Тем не менее, когда я пытаюсь получить его в React. js, ничего не отображается!

Я пробовал топор ios и пробовал разные поиски, используя состояния и константы, и выборка мне ничего не дает.

Вот мой код приложения, пожалуйста, помогите, если можете, я так рад создать этот сайт, но не могу преодолеть эту ошибку:

    import React from 'react';
import './App.css';
import {
  BrowserRouter as Router,
  Switch,
  Route,
  Link
} from "react-router-dom";
import Test from "./components/test";
import axios from "axios";


export default function App() {

  const [data, setData] = React.useState([]);

  async function getData() {
    await fetch("https://images-api.nasa.gov/search?q=apollo")
    .then(res => setData([res]));

  }

  return (
    <Router>
    <Switch>
      <Route exact path="/">
        <ul>
          {data}
        </ul>
        {/* LANDING PAGE + Picture of the Day*/}
      </Route>
      <Route path="/browse">
        {/* Most Popular Pictures */}
      </Route>
      <Route path="/mars-rover">
        {/* Mars Rover */}
      </Route>
    </Switch>
    </Router>
  );
}

Answer 1

Вам нужно будет вызвать функцию getData следующим образом:

  React.useEffect(() => {
    getData();
  },[]);