[React] json-server 적용하기 - axios

axios설치하고 이제  CRUD요청하는 부분을 다 api사용하게 바꿀거임

리액트는 그냥 데이터만 표현한다구 그랬쪄? ajax같이 통신하는 부분은 axios를 사용합시더

axios 설치는 검색 ㄱ

 

 

1. App.js

    const createBook = (title) => {
        // console.log('need to add book with : ', title);
        setBooks([...books, {
            id:Math.round(Math.random()*9999),
            title : title
        }]);  
    };

이제 이걸 json 서버에 요청하는걸러 바꿀거임

 

    const createBook = async(title) => {
        const response = await axios.post('http://localhost:3001/books',{
            title:title
        });        
        const updateBooks = [...books, response.data];
        setBooks(updateBooks);  
    };

오 이렇게 바꿔도 잘 됨 ㅋ 굿

json 데이터도 잘 업데이트 되어있다