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

Erro no export default App;

Erro


  43 | }
  44 | 
> 45 | export default App;
     |        ^
  46 | 
import React, {Component} from 'react';
import './App.css';
import Tabela from './Tabela';

class App extends react.Component {

state = {
  autores : [
    {
      nome: 'Paulo',
      livro: 'React',
      preco: '1000'
    },
    {
      nome: 'Daniel',
      livro: 'Java',
      preco: '99'
    },
    {
      nome: 'Marcos',
      livro: 'Design',
      preco: '150'
    },
    {
      nome: 'Bruno',
      livro: 'DevOps',
      preco: '100'
    },
    {
      nome: 'Nico',
      livro: 'Java',
      preco: '9999'
    }
  ],
};

render() {
  return (
    <div className="App">
      <Tabela autores = { this.state.autores }/>
    </div>
  );
}

export default App;
2 respostas
solução!

Boa noite, Raphael! Como vai?

Há dois problemas no seu código! O correto seria React.Component e não react.Component. Além disso, faltou fechar a sua classe antes de fazer a exportação dela. O correto seria:

import React, {Component} from 'react';
import './App.css';
import Tabela from './Tabela';

class App extends React.Component {

     state = {
          autores : [
              // Autores omitidos.
          ]
     };

     render() {
          // Código omitido.
     }
}

export default App;

Qualquer coisa é só falar!

Grande abraço e bons estudos, meu aluno!

Fala ai Raphael, tudo bem? Seu código possuí dois problemas, o primeiro está em:

react.Component

Repare que vocÊ informou o react com letra minúscula, onde, deveria começar com maiúscula:

React.Component

O segundo ponto é que falta uma } para fechar o bloco da sua classe:

render() {
  return (
    <div className="App">
      <Tabela autores = { this.state.autores }/>
    </div>
  );
}
} // adicione mais uma chave no final do bloco

Acho que com esses ajustes o problema pode ser resolvido.

Espero ter ajudado.

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software