Получать данные API с помощью React - PullRequest
Новая
       4

Получать данные API с помощью React

0 голосов
/ 13 мая 2018

У меня есть реакция, в которой используется django rest framework API. Я должен получить данные в формате JSON, но, похоже, я неправильно извлекаю информацию или неправильно отображаю: 

import React, { Component } from 'react' ;
class App extends Component {
  state = {
    todos: []
  };
async componentDidMount() {

fetch('http://127.0.0.1:8000/api/todos/')
.then(results =>{
  console.log(results)
  const get_todos = results.map( c=>{
    return {
      id: c.id,
      title: c.title,
      descripttion: c.title
    };
  });

  const newstate = Object.assign({},this.state,{
      todos: get_todos
    });
    this.setState(newstate);
  }).catch(error=> console.log(error));
}
render(){
  return (
    <div className="App">
       {this.state.todos} 
    </div>
  )
 }
}
export default App;

1 Ответ

0 голосов
/ 13 мая 2018

должно быть 

state = { loading : true }
componentDidMount() {
 fetch('http://127.0.0.1:8000/api/todos/')
  .then(blob => blob.json())
  .then(response => {
    ...
  })
}
...