Eu importei o index.jsx do CampoTexto para o arquivo index.jsx do Formulario, porém toda vez ao carregar a página aparece como se o arquivo do CampoTexto não existisse. Aparentemente a exportação e importação estão corretas, mas na parte do index.jsx do CampoTexto aparece algumas linhas como se tivesse um erro na inserção de propriedades. Repositório do projeto: https://github.com/vana-cyber/projeto-organo
Mensagem que aparece quando a página é carregada:
Olá, Geovana. Como vai?
Notei que há um pequeno erro no caminho relativo para o componente CampoTexto. Como você deseja importá-lo para o componente Formulário e ambos estão na mesma pasta componentes, é necessário especificar o caminho correto para "voltar" uma pasta e acessar a pasta CampoTexto. O caminho relativo correto seria:
import { CampoTexto } from "../CampoTexto";
A razão para se escrever o caminho dessa forma, ../CampoTexto, é porque os dois componentes (Formulário e CampoTexto) estão em níveis diferentes na estrutura de pastas. O .. indica que estamos "voltando" um nível na hierarquia de pastas para então acessar a pasta CampoTexto.
Espero ter ajudado!
Siga firme nos seus estudos e conte com o fórum sempre que precisar!
Abraços :)