Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

<ContainerEstilizado> is not defined.

Estava fazendo o exercício do input de pesquisa, e me deparei com um erro ao comparar com o meu código, já que criei apenas duas const's para estilizar e criar meus componentes, e estou sem entender como/onde devo declarar essa const . O erro diz que ContainerEstilizado não está definido, e no meu servidor diz: Insira aqui a descrição dessa imagem para ajudar na acessibilidade

const CampoTexto = (props) => {
    return (
        <ContainerEstilizado>
            <InputEstilizado {...props}/>
            <IconeLupa src = "public/icones/search.svg" alt = "Ícone de lupa"/>
        </ContainerEstilizado>
    )
}
2 respostas

Bom dia, tudo bem por aí???

Você exportou esse componente e depois importou o componente respeitando o caminho da localização do componente?

Abraço...

solução!

A solução dada na "Opinião do instrutor" está incompleto.

Você tem que acrescentar no index.jsx de CampoTexto o seguinte código:

const ContainerEstilizado = styled.div`
    position: relative;
    display: inline-block;
`;

Lembrando que também deverá fazer o import de "search":

import search from './search.png'