Axe ios получает данные дважды в React - PullRequest
Новая
       11

Axe ios получает данные дважды в React

3 голосов
/ 01 мая 2020

Я использую ax ios в React через Ruby в Rails.

Так что, в основном, я извлекаю все свои данные через /api/v1/airlines.json и при консольном журнале дублирует данные, которые отображаются:

enter image description here

Вот мой App.js файл: 

import React, { useState, useEffect, Fragment } from 'react'
import axios from 'axios'

const Airlines = () => {

    const [airlines, setAirlines] = useState([])

    useEffect(() => {
        // Get all of our airlines from api
        // Update airlines in our state

        axios.get('/api/v1/airlines.json')
          .then(resp => {
            setAirlines(resp.data.data)   
          })
          .catch(resp => console.log(resp) )
    }, [airlines.length])

    const list = airlines.map(item => {
       return (<li key={item.attributes.name}>{item.attributes.name}</li>)
    })

    return (
      <Fragment>
        <div> This is the Airlines#index view for our app.</div>
        <ul>{list}</ul>
      </Fragment>
    );
}

export default Airlines

Есть идеи, что вызывает дубликаты? как я могу это исправить?

...