GUJ Discussões   :   últimos tópicos   |   categorias   |   GUJ Respostas

DataTable do primereact - resolvido

Tags: #<Tag:0x00007fcfca170218>

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

Troca de:

 <DataTable value={this.grupos}>

para:

<DataTable value={this.state.grupos}
1 Curtida
//