2
respostas

Ao importar Link de React-router-dom e instanciá-lo, nada é renderizado

`import React from 'react'

import { Link } from 'react-router-dom'

import imagem from '../assets/img/doguito.svg'

import '../assets/css/componentes/cabecalho.css'

const Cabecalho = () => { return (

Logo Doguito

PetShop

        <nav className='menu-cabecalho'>
            <ul className='menu-itens'>
                <li><Link to="#" className='menu-item menu-item--entrar'>Entrar</Link></li>
                <li><Link to="#" className='menu-item'>Produtos</Link></li>
                <li><Link to="/" className='menu-item'>Blog</Link></li>
                <li><Link to="/sobre" className='menu-item'>Sobre</Link></li>

            </ul>
        </nav>
        <div className='menu-cabecalho-background'></div>
    </header>
)

}

export default Cabecalho`

2 respostas

O código mostrado parece ok, talvez o erro esteja na parte que importa e renderiza o Cabecalho

Bom dia!

Estava com o mesmo problema e achei um post falando que TUDO deve estar dentro da tag ...

Meu estava fora da tag , so trocar...

Espero ter ajudado!