Here is a simple example using a live API (https://randomuser.me/)... It returns an array of objects like in your example:

import React from 'react';

class App extends React.Component {
  state = { people: [], isLoading: true, error: null };

  async componentDidMount() {
    try {
      const response = await fetch('https://randomuser.me/api/');
      const data = await response.json();
      this.setState({ people: data.results, isLoading: false });

    } catch (error) {
      this.setState({ error: error.message, isLoading: false });
    }
  }

  renderPerson = () => {
    const { people, isLoading, error } = this.state;

    if (error) {
      return <div>{error}</div>;
    }

    if (isLoading) {
      return <div>Loading...</div>;
    }

    return people.map(person => (
      <div key={person.id.value}>
        <img src={person.picture.medium} alt="avatar" />
        <p>First Name: {person.name.first}</p>
        <p> Last Name: {person.name.last}</p>
      </div>
    ));
  };

  render() {
    return <div>{this.renderPerson()}</div>;
  }
}

export default App;

Does it make sense? Should be pretty straight forward...

Live Demo Here: https://jsfiddle.net/o2gwap6b/

React itself is just a frontend library and therefore doesn't contain the ability to run a server in the way you are looking for.

Once you're app is finished, you'll end up building the React app anyway and will need a separate server (or a static site hosting service like GitHub Pages) to actually serve the compiled website.

An Express.js server is one way to do it. As I say, you'll need a server to serve the website anyway, so your Express.js server could also expose this endpoint as you desire.

If you want to include the API as a part of the React project, the closest you will get is to migrate to Next.js, which has a feature called API Routes, which allows for behaviour like you are looking for.

Look into both, and see which works best for you:

• Express.js - https://expressjs.com/
• Next.js API Routes - https://nextjs.org/docs/pages/building-your-application/routing/api-routes