parse-wp-rest-api-finishedappcomp.js

import React, { useState, useEffect } from "react";
import Axios from "axios";
import WpApiContent from "./WpApiContent.js";

export default function App() {
  const [post, setPost] = useState(null);

  useEffect(() => {
    Axios.get("https://since1979.dev/wp-json/wp/v2/posts/1601").then(
      response => {
        setPost(response.data);
      }
    );
  }, [setPost]);

  return (
    <div className="App">
      {post && (
        <div>
          <h1>{post.title.rendered}</h1>
          <WpApiContent content={post.content.rendered} />
        </div>
      )}
    </div>
  );
}