1

Preciso listar alguns registros, porém está me retornando um erro:

TypeError: clientes.map is not a function
import React, { Component } from 'react';

import api from '../src/services/api';


class App extends Component {
  constructor(){
    super();
    this.state = {
      clientes: [],
    }

  }
 

  async componentDidMount() {
    const response = await api.get('');

    this.setState({clientes:response.data});
    
  }

  render() {

    const { clientes } = this.state;
    console.log(clientes)

    return (
      <div>
        <h1>Listar os clientes</h1>
        {clientes.map(cliente => (
          <li key={cliente.show.id}>
            <h2>
              <strong>Título: </strong>
              {cliente.recordsets.nrCadstro}
            </h2>

          </li>
        ))}
      </div>
    );
  };
};

export default App;

aqui esta minha api

import axios from 'axios';

const api = axios.create({
baseURL: 'http://localhost:3333/clientes'
});
export default api;

0

Pesquise outras perguntas com a tag .