[React js] Ajax

Ajax 서버에 새로고침없이 요청을 할 수 있게 도와줌

1.jquery $.ajax()

2.axios.get()

3.쌩 자바스크립트 fetch()

 

yarn add axios (또는 npm install axios)

onClick={()=>{axios.get()}}  get요청

.then() 요청성공시 실행하는 코드

.catch() 요청실패시 실행하는 코드

then(result) 가져온 

result.data 결과 데이터만

json은 따옴표가 쳐져있음 object가아님. 서버와 통신은 텍스트로만 되기때문.

axios를쓰면 json을 object로 알아서 바꿔줌.(fetch는 안해줌)

 

 내가 생각한 답

let shoes사본 = [...shoes]
shoes변경([...shoes사본,...result.data])

 

답안지

shoes변경([...shoes, ...result.data])

 

=>직접 변경이아니라 사본을 만들어야한대서 사본도 만들고 전개연산자도 썼다.

전개 연산자를 쓰고 다시 배열에 넣으면 사본이 생기는걸 인식하지 못하고 있었다.

 

axios.post()