gist.jsx

import React, { useState, useEffect } from 'react'
import axios from 'axios'

function Test() {
  const [breeds, setBreeds] = useState({})
  
  useEffect(() => {
    axios.get('https://dog.ceo/api/breeds/list/all')
      .then(res => {
        setBreeds(res.data.message)
      })
  }, [])

  const lista = Object.entries(breeds)

  return (
    <ul>
      {lista.map(
        item => {
            return <p>{`Raça: ${item}`}</p>
        }
      )}
    </ul>
  )
}

export default Test