Basic post navigation with React and the Wp Rest Api https://since1979.dev/basic-post-navigation-with-react-and-the-wp-rest-api/

wpreact-posts-render.js

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

export default function App() {
  
  // ...

  return (
    <div className="posts-app__wrapper">
      <h1>Navigate Wp Rest Api Posts</h1>

      <div className="posts-app__post-list">
        {posts && posts.length && posts.map((post, index) => {
            return (
              <div key={post.id} className="posts-app__post">
                <h2>{post.title.rendered}</h2>
                <div dangerouslySetInnerHTML={{ __html: post.excerpt.rendered }} />
                <a href={post.link} target="_blank">Read post</a>
              </div>
            );
          })}
      </div>
    </div>
  );
}