DataTable do primereact - resolvido

1 resposta Resolvido
react
G

Estou precisando preencher o componente DataTable do primereact, de informações que vem do banco de dados, mas está ficando em branco.

Nesta parte do código ele vai no backend, mas mesmo assim não está preenchendo as informações no componente.

componentDidMount() {
    ApiGrupoService.todos().then(
      data => this.setState({grupos: data.lista})
    );
  }

Código completo

import React, { Component } from 'react';

import ApiGrupoService from '../../service/ApiServiceGrupo';

import {DataTable} from 'primereact/datatable';
import {Column} from 'primereact/column';

class GrupoPesquisa extends Component {

  constructor() {
    super();
    this.state = {};
  }

  componentDidMount() {
    ApiGrupoService.todos().then(
      data => this.setState({grupos: data.lista})
    );
  }

    render() {
        return (
          <DataTable value={this.grupos}>
            <Column field="nome" header="Nome" />
          </DataTable>
        );
      }
}

export default GrupoPesquisa;

Este não dá erro no console

1 Resposta

M
Solucao aceita

Troca de:

<DataTable value={this.grupos}>

para:

<DataTable value={this.state.grupos}
Criado 4 de dezembro de 2019
Ultima resposta 4 de dez. de 2019
Respostas 1
Participantes 2