Ax ios выдает ошибку при получении запроса в реакции js - PullRequest
Новая
       7

Ax ios выдает ошибку при получении запроса в реакции js

0 голосов
/ 10 января 2020

Я пытался получить данные из API, используя ax ios get request, но он продолжает выдавать ошибку. Ошибка: TypeError: this.setstate не является функцией, я видел несколько запросов об этом, и почти все они сделали это таким образом, но я не могу понять, что я делаю неправильно.

Мой код для топора ios получить 

import React, { Component, Fragment } from 'react';
import axios from 'axios'

class Questionare extends Component {
    constructor(props) {
        super(props);
        this.state = {  
          items: [],

    }
} 

componentDidMount() {
  axios.get('http://leaty-dev.azurewebsites.net/api/services/app/PersonalityQuestionerCategory/GetAllPersonalityQuestionerCategory')
  .then(response => {
      console.log(response);
      this.setstate({items: response.data})
  })
  .catch(error => {
    console.log(error);
  });
}

    render() { 

       return (
          <ul>
            {this.state.items.map(item=>(
             <li>{item.pqcDetail}</li>
            ))}
          </ul>
       )
    }

}

export default Questionare;

1 Ответ

2 голосов
/ 10 января 2020

Дело верблюда setState() не setstate()

исправлено 

this.setState({items: response.data})

Улучшен полный код --- Live https://74u3w.csb.app/

import React, { Component } from "react";
import ReactDOM from "react-dom";
import axios from "axios";

class Questionare extends Component {
  state = {
      items: []
    };
  componentDidMount() {
    axios
      .get(
        "https://cors-anywhere.herokuapp.com/http://leaty-dev.azurewebsites.net/api/services/app/PersonalityQuestionerCategory/GetAllPersonalityQuestionerCategory"
      )
      .then(response => {
        this.setState({ items: response.data.result.items });
      })
      .catch(error => {
        console.log(error);
      });
  }

  render() {
    const { items } = this.state;
    return (
      <ul>
        {items.map(item => (
          <li>{item.pqcDetail}</li>
        ))}
      </ul>
    );
  }
}
...