Tenho um componente chamado Header
e desejo reaproveitá-lo em mais algumas páginas. Quando faço o import Header from './Header'
e chamo ele na página desejada, está tudo certo.
O que eu desejo é trazer o componente sem o Button
para a nova página. Como posso fazer isso?
Componente pai:
const PageDefault = () => {
return <Header />;
};
export default PageDefault;
Componente Header
:
const Header = () => {
return (
<nav className="Header">
<Link to="/">
<img className="Sena" src={Sena} alt="sena imagem" />
</Link>
<Button as={Link} className="Button" to="/sena/bel">
Registrar
</Button>
</nav>
);
};
export default Header;