chengjieyun59

import { useState, useEffect } from 'react';
import logo from './logo.svg';
import './App.css';

function App() {
  const [astronauts, setAstronauts] = useState([]);

  // setting the dependencies array in useEffect to an empty array
  // ensures this fetch request only runs once instead of infinitely
  useEffect(() => {

chengjieyun59

import React, { Component } from 'react';
import logo from './logo.svg';
import './App.css';

class App extends Component {
  constructor(props) {
    super(props);
    // initialize the astronauts with an empty array
    // to avoid running into null pointer exceptions
    // after the first render, but before the componentDidMount() gets called