Using Django Rest Framework inside react
========================================

Date: October 9, 2022

``` bash
npx create-react-app todoreact
```

``` javascript
import React,{useState,useEffect} from 'react';
import './App.css';

function App() {
 const [data,setData]=useState([]);
 const [newName,setNewName]=useState([]);
 const getData=()=>{
 fetch('/api'
 ,{
 headers : {
 'Content-Type': 'application/json',
 'Accept': 'application/json'
 }
 }
 )
 .then(function(response){
 return response.json();
 })
 .then(function(myJson) {
 setData(myJson)
 });
 }
 useEffect(()=>{
 getData()
 },[])

 const addItem= async () => {
 const rawResponse = await fetch('/api/add/', {
 method: 'POST',
 headers: {
 'Accept': 'application/json',
 'Content-Type': 'application/json'
 },

 body: JSON.stringify({"name": newName})
 });
 const content = await rawResponse;

 console.log(content);
 getData()
 }

 return (

 {
 data && data.length>0 && data.map((item)=>{item.id}{item.priority}{item.name}raise priority

)
 }
 (setNewName(e.target.value))} />
 add item

 );
}

export default App;
```