text: import React from 'react'
  
  const ProdutoEx = ({produto}) => {
    const [dados, setDados] = React.useState(null)
  
    React.useEffect(() => {
      if(produto !== null)
      fetch(`https://ranekapi.origamid.dev/json/api/produto/${produto}`)
      .then(response => response.json())
      .then(json => setDados(json))
    }, [produto])
  
    if(dados === null) return null
    return (
      <div>
        <h1>{dados.nome}</h1>
        <p>R$ {dados.preco}</p>
      </div>
    )
  }
  
  export default ProdutoEx
  
  