Ir ao conteúdo
  • Cadastre-se

Javascript Problema ao usar classe no React


Posts recomendados

Então é o seguinte, estou estudando React pela documentação oficial, eu já tinha uma ideia de criação de componentes e tal (tava estudando antes) mas eu voltei pra 'zerar' essa biblioteca e claro o React é muito volátil, muda toda hora a sintaxe de alguns comandos e complica a vida de quem está aprendendo ou de quem já aprendeu e precisa ficar revisando os mesmo comandos de maneira diferente, tô usando o NodeJs e estava usando function para a criação dos componentes como segue abaixo:

import React from 'react';
import './App.css';

function App() {
  return (
  	<h1>Olá Mundo!</h1>
  );
}

export default App;

Ok, funcionava muito bem, mas eu quero utilizar class ao invés de function, pois lendo um pouco descobri que é melhor e dá suporte a alguns comandos mais reservados que function não dá, mas quando tento usar class me retorna o seguinte erro de compilação:  "TypeError: class heritage react__WEBPACK_IMPORTED_MODULE_0___default.a.Component() is not an object or null", aqui o código usando class:

import React from 'react';
import './App.css';

class App extends React.Component() {
  render() {
    return (
      <div className="App">Olá, Mundo!</div>
    );
  }
}

export default App;

e caso precise o código da index.js:

import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';
import * as serviceWorker from './serviceWorker';

ReactDOM.render(
  <React.StrictMode>
    <App />
  </React.StrictMode>,
  document.getElementById('root')
);

// If you want your app to work offline and load faster, you can change
// unregister() to register() below. Note this comes with some pitfalls.
// Learn more about service workers: https://bit.ly/CRA-PWA
serviceWorker.unregister();

 

Link para o comentário
Compartilhar em outros sites

@Anderson LTI Remove os parênteses do "React.Component()"

 

class App extends React.Component {
  render() {
    return (
      <div className="App">Olá, Mundo!</div>
    );
  }
}

 

  • Obrigado 1
Link para o comentário
Compartilhar em outros sites

Crie uma conta ou entre para comentar

Você precisa ser um usuário para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!

Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.

Entrar agora

Sobre o Clube do Hardware

No ar desde 1996, o Clube do Hardware é uma das maiores, mais antigas e mais respeitadas comunidades sobre tecnologia do Brasil. Leia mais

Direitos autorais

Não permitimos a cópia ou reprodução do conteúdo do nosso site, fórum, newsletters e redes sociais, mesmo citando-se a fonte. Leia mais

×
×
  • Criar novo...

Curso de Redes MikroTik

LANÇAMENTO!

CLIQUE AQUI PARA SE INSCREVER!

* Este curso não é ministrado pela equipe do Clube do Hardware.