// App.js
import React, { Component } from 'react';
class App extends Component {
state = {
todos: []
};/* This is where the magic happens/* async componentDidMount() {
try {
const res = await fetch('http://127.0.0.1:8000/api/'); // fetching the data from api, before the page loaded
const todos = await res.json();
this.setState({
todos
});
} catch (e) {
console.log(e);
}
}
render() {
return (
<div>
{this.state.todos.map(item => (
<div key={item.id}>
<h1>{item.title}</h1>
<span>{item.description}</span>
</div>
))}
</div>
);
}
}
export default App;
YOU ARE READING
Django (Backend) + React (Fronend) Tutorial Básico
Non-FictionEste E-book irá introduzir você ao Fullstack no aspecto Básico, ensinando a como preparar e utilizar ferramentas em Django e React, usadas por diversas corporações ao redor do mundo, mas de forma mais simplificada e com um direcionamento diferente. ...
