Entrar Ainda não tem acesso?
Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Como transformar esse componente em um componente funcional?

Referente ao curso React parte 1: Componentes reutilizáveis para sua webapp, no capítulo Entendendo o state e atividade Trabalhando com o state

por Ana Carolina Gonçalves de Oliveira
| 152.9k xp | 11 posts
import React,{Component} from 'react';
import './App.css';
import Table from './component/Table';

class App extends Component{
    state = {
        autores : [
            {
              nome: 'Paulo',
              livro: 'React',
              preco: '10000',
            },
            {
              nome: 'Abilgail',
              livro: 'Java',
              preco: '999',
            },
            {
              nome: 'Roberson',
              livro: 'Design',
              preco: '10000',
            },
            {
              nome: 'Josiscleiton',
              livro: 'Java',
              preco: '999',
            },
          ],
    }
    render(){
        return (
            <div className='App'>
              <Table autores={this.state.autores}></Table>
            </div>
          );
    }
}

export default App;
1 resposta
solução!
por Ana Carolina Gonçalves de Oliveira
| 152.9k xp | 11 posts

Utilizando React Hooks

import React, { useState } from 'react';
import './App.css';
import Table from './component/Table';

function App() {
  const [autores, setAutores] = useState([
    {
      nome: 'Paulo',
      livro: 'React',
      preco: '10000',
    },
    {
      nome: 'Abilgail',
      livro: 'Java',
      preco: '999',
    },
    {
      nome: 'Roberson',
      livro: 'Design',
      preco: '10000',
    },
    {
      nome: 'Josiscleiton',
      livro: 'Java',
      preco: '999',
    },
  ]);


  return (
    <div className='App'>
      <Table autores={autores} removeAutor={removeAutor}></Table>
    </div>
  );
}

export default App;