React

axios put 사용, header 사용법

selonjulie 2022. 8. 17. 13:45

put을 보낼때는 request에 body를 넣어서 postman으로 돌리기 (수정된 데이터를 보내주어야 하니까) 

어떤걸 넣어야할지 정확하지 않을때는 항상 콘솔 찍어보기

 

const [data, setData] = useState()

가 있다면 가장 최신의 값은 data임

 

put으로 데이터베이스에 잘 들어갔나 확인하는 방법은 웹페이지 '새로고침'으로 데이터가 계속 유지하는지를 확인해볼 수 있음

 

Axios에 Header 넣기

출처:

꿀떡최고 | [axios] axios에 header 넣기

 

1. axios.post

axios.post("/api", { name: hi }, { headers: { Authorization: token } });

2.axios.get

axios.get("/api", {
  params: { name: hi },
  headers: {
    Authorization: token,
  },
});

3.axios.put

axios.put("/api", { name: hi }, { headers: { Authorization: token } });

4.axois.delete

axios.delete("/api", { headers: { Authorization: token }, data: { name: hi } });

'React' 카테고리의 다른 글

Props 개념과 사용예제  (0) 2022.08.18
버튼 클릭 시에만 input값 변경하기  (0) 2022.08.18
데이터 get하기/데이터에 따라 버튼 색 바꾸기  (0) 2022.08.16
UseContext(Context API)  (0) 2022.07.07
Mock Data 활용법  (0) 2022.06.25