useState, useEffect, fetch ejemplo

basic-hooks.js

const DummyComponent = () => {
  const [ data, setData ] = React.useState([]) // data inicialmente será un arreglo vacio
  React.useEffect(() => {
    const requestData = async () => {
      const respone = await fetch('http://someurl/request.json')
      const json = await response.json()
      setData(json.data) // Aquí se actualiza el estado con un nuevo arreglo que proviene desde el response
    }
  }, []) // Ya que no hay dependencias este arreglo va vacío y el efecto se ejecutará sólo una vez.
  
  return <ul>{data.map(item => {
     <li key={item.id}>{item.title}</li>
  })}</ul>
}