ReferenceError: Component is not defined

Não sei como o erro de referencia aconteceu, mesmo o meu código estando igual ao do instrutor. `//Esse é o App.js import React from 'react'; import ListaDeNotas from "./components/ListaDeNotas" function App() { return (

<button>Criar Nota</button> </form> <ListaDeNotas/> </section> ); }</p> <p>export default App;`</p> <pre class="prettyprint"><code>//Esse é o ListaDeNotas.jsx import React from "react" export default class ListaDeNotas extends Component { render(){ return( <ul> <li> <section> <header> <h3>Título</h3> </header> <p>Escreva sua Nota</p> </section> </li> </ul> ); } }</code></pre><p><img src="https://cdn1.gnarususercontent.com.br/1/748316/3acf20ed-9d9a-4102-89fe-57763c330064.png" alt="Insira aqui a descrição dessa imagem para ajudar na acessibilidade"> </p>

Fala Gabriel, tudo bem? Espero que sim!

No componente ListaDeNotas você esqueceu de importar a classe Componente do React, você pode fazer assim:

ListDeNotas.js:

import React, {  Component } from "react"

export default class ListaDeNotas extends Components {
    //Restante do código aqui
}

E uma dica! Para postar códigos aqui no fórum, você pode fazer assim:

Para copiar o código e disponibilizar aqui no fórum é bem fácil! É só seguir esses passos:

1) Selecionar a informação mostrada no terminal ou no ambiente de visualização e copiá-los. (No Linux Ubuntu, o comando de teclado para copiar do terminal é Ctrl+Shift+C);

2) Depois é só vir aqui no fórum e selecionar no ícone correspondente a esse: </>. Outra opção é digitar o comando de teclado Ctrl+Alt+C;

Barra de opções aqui do fórum, ressaltando o botão de 'Inserir bloco de código'

3) Cole o código dentro do campo que surgir.

Código de exemplo:

Visualização do campo de digitação de código em sua forma anterior a ser publicada

Resultado final:

sudo apt update

Espero ter ajudado, bons estudos !

Mergulhe em programação