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-navigation-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-nav">
        <button onClick={handlePrevPage}>Newer posts</button>
        <p>Page {page} of {nrofpages}</p>
        <button onClick={handleNextPage}>Older posts</button>
      </div>

      // Post list...
      
    </div>
  );
  
}