реагировать на массив обработчиков из axios - PullRequest
Новая
       3

реагировать на массив обработчиков из axios

0 голосов
/ 18 февраля 2020

Как мне обработать массив значений из Ax ios и заполнить карточку, получить значение из массива и показать данные 

import React, { Component, Suspense } from "react";
import axios from "axios";

import {Card} from "reactstrap";

import { PHP } from "../../constants";

//api url adress server
const api = PHP;
const reqtoken = "Bearer " + localStorage.getItem("token");

class Property extends Component {
  constructor(props) {
    super(props);
    this.state = {
      data: []
    };
  }

  load() {
    axios
      .get(api + "api/property", {
        headers: {
          "Content-type": "application/json",
          Authorization: reqtoken
        }
      })

вставить массив данных в состояние 

      .then(json => {

console.log показать данные на консольном терминале 

        console.log(json.data.data.data);
        this.setState({
          data: json.data.data.data
        });
      })
      .catch(erros => {
        console.log(erros);
      });
  }
  componentDidMount() {
    this.load();
  }

  render() {
    return (
      <div>

сопоставить массив для обработки результата ................ 

        {this.state.data.map(i => (
          <Card>
            <li>{i.address}</li>
          </Card>
        ))}
      </div>
    );
  }
}
export default Property;

не заставил меня ошибиться консоль

1 Ответ

0 голосов
/ 18 февраля 2020

Я не знаю, как поступают данные ответа, но я обнаружил проблему с кодом. Вы должны передать ключи. 

{this.state.data.map(item => (
  <Card key={item.id}>
    <li>{item.address}</li>
  </Card>
))}

https://reactjs.org/docs/lists-and-keys.html#keys

...