使用React获取API数据

时间:2018-05-13 17:14:29

标签: reactjs django-rest-framework

我有一个反应,它使用django rest框架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;

0 个答案:

没有答案