Fetch feature with useEffect.

App.js

import "./styles.css";
import React, { useEffect, useState } from "react";

export default function App() {
  const [resourceType, setResourceType] = useState("posts");

  console.log("render");

  useEffect(() => {
    fetch(`https://jsonplaceholder.typicode.com/${resourceType}`)
      .then((response) => response.json())
      .then((json) => console.log(json));
  });

  return (
    <div className="App">
      <button onClick={() => setResourceType("posts")}>Posts</button>
      <button onClick={() => setResourceType("users")}>Users</button>

      <h1>Hello CodeSandbox</h1>
      <h2>Start editing to see some magic happen!</h2>
    </div>
  );
}