Как я могу получить данные, используя GET API в табличной форме

Question

Я хочу отобразить данные о моих жалобах в табличной форме, используя таблицу.Я пытался с помощью списка это сработало.Я не, как для отображения данных в табличной форме с помощью таблицы.Когда я попробовал консольный журнал и почтальон, он отображает данные, содержащиеся в базе данных.Я хочу получить данные в табличной форме.Пожалуйста, помогите мне с решением.

import React,{Component} from 'react';
import {Table} from 'react-bootstrap';
import axios from 'axios';

export default class Display extends React.Component{
  constructor(props) {
    super(props);
    this.componentDidMount();
    this.state = {
      complaints: []
    };
  }    
      componentDidMount() {
        axios.get(`http://localhost:80/get/complaints`)
          .then(res => {
            // console.log(res.data)
            // const complaints = res;
            this.setState({ complaints: res.data });
          })
      }
    
    render() {
      console.log(this.state.complaints)
        return (
          // <ul>
          // {this.state.complaints.map(complaints => (
          //   <li key={complaints.id}>{complaints.Regdno}</li>
          // ))}
          //   </ul>
            <Table responsive>
            
  <thead>
    <tr >
      <th>Regd_no</th>
      <th>Year Of Study</th>
        <th>Location</th>
      <th>Department</th>
      <th> Disciplinary Issue</th>
    </tr>
  </thead>
 
  </Table>
  
  

        )
    }
}

Answer 1

Отображение данных в табличной форме из ответа API может быть выполнено с использованием таблицы фиксированных данных-2.Он предоставляет динамическую таблицу с количеством строк в качестве индекса вашего объекта JSON.

Для получения дополнительной информации, вы можете посетить: http://schrodinger.github.io/fixed-data-table-2/example-object-data.html