react axios

BackEnd_Ash.log·2020년 6월 3일
0

react

목록 보기
6/41

axios ?

axios는 node.js와 브라우저를 위한 http통신 javascript 라이브러리입니다.

설치

npm install axios

get

// GET request for remote image
axios.get('/server 경로', {
    params: {
      ID: 12345
    }
  })
  .then(function (response) {
    console.log(response);
  })
  .catch(function (error) {
    console.log(error);
  })
  .finally(function () {
    // always executed
  }); 

post

    axios
      .post("경로", file)
      .then((res) => {
        console.log(res);
      })
      .catch((err) => {
        console.log(err);
      })
      .finally(() => {
        console.log("axios 가 실행됬습니다.");
      });

axios await

class App extends React.Component{
  constructor(){
   super();
   this.state = {
    serverResponse: ''
   }
  }
  componentDidMount(){
     this.getData();
  }
  async getData(){
   const res = await axios.get('url-to-get-the-data');
   const { data } = await res;
   this.setState({serverResponse: data})
 }
 render(){
  return(
     <div>
       {this.state.serverResponse}
     </div>
  );
 }
}
profile
꾸준함이란 ... ?

0개의 댓글