Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

[Dúvida] Me ajudem, por favor

Eu fiz um pequeno teste mudando algumas coisas diferente do curso e agora to tomando esse erro:

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

import React from 'react';


function App() {
  return (
    <div className="App">
      <MeuComponente nome="Fulano" />
    </div>
  );
}


import React from 'react';

function MeuComponente(props) {
  const { nome } = props;

  return (
    <div>
      <h1>Olá, {nome}</h1>
    </div>
  );
}
1 resposta
solução!

Oi, tudo bem?

Esse erro tá acontecendo porque você tentou usar o componente MeuComponente sem ter importado ou definido em algum lugar dentro do arquivo App.js.

Para corrigir, você precisa importar o componente MeuComponente no arquivo App.js.

Assim:

import MeuComponente from './MeuComponente';

O código completo vai ficar desse jeito:

import React from 'react';
import MeuComponente from './MeuComponente';

function App() {
  return (
    <div className="App">
      <MeuComponente nome="Fulano" />
    </div>
  );
}

Depois de fazer essas modificações lembre de salvar o arquivo para que a correção seja aplicada. Qualquer outra dúvida, pode falar.

Um abraço e bons estudos.