React-Hooks-Article: Load data in function component with useState and useEffect

LoadDataFunction.tsx

import React, { useEffect, useState } from "react"

export const LoadDataFunction = () => {
  const [data, setData] = useState()

  useEffect(() => {
    fetch("/some-data.json")
      .then((response) => response.json())
      .then((data) => {
        setData(data)
      })
  })

  return (
    <div>
      {data.map((item) => (
        <p>{item}</p>
      ))}
    </div>
  )
}