[React]Axios

지냐킴·2022년 8월 9일
0

React

목록 보기
13/20
post-thumbnail

AXIOS 공식문서

설치하기

yarn add axios

npm install axios

사용방법

  • axios({}) : config들을 넣어서 쓰는 방법
  • get.axios() : get. post 메소드 사용하는 방법

app.js

const callSomethingAxios =() =>{
axios({
  method: 'get',
  // 메소드 정의
  url: 'http://localhost:5001/sleep_times',
  // url 정의 유알엘 어디서 가져올꺼야?
})
  .then((response) => {
			console.log(response);
  });
}
React.useEffect(()=>{
callSomethingAxios();
})
// useEffect에서 호출해준다
// 콘솔 보면 데이터 가져온거 확인된다 

axios.get or post ("url", {데이터}, {config})

요청 메소드로 GET 사용

axios.get("url 주소 넣기", { }.then(response =){
                       console.log(response)         }));
//("url",{})
// 뭔가 데아터를 더 넣어줘야 하던가 Header라던가 config설정을 추가 하고 싶을때 여기에 적으면 됨

Post 메소드


//let data = {넣고 싶은 데이터 }


axios.post("url",{data}.then(response=>{
console.log(response);})
// url : 어디로 요청할꺼야?
profile
코린이일기

0개의 댓글