[React] 기타 정보

---

 

 

 

◽ axios 사용하기

axios는 JSON을 object/array로 변환하는 작업을 자동으로 해준다.

axios를 사용하지 않는다면 기본 자바스크립트 문법인 fetch()를 사용하면 되는데 이 경우는 직접 변환해주어야한다.

axios.get('URL')
  .then((res) => {
    let resArr = [...itemArr, ...res.data]
    setItem(resArr)
  })

 

 

 

◽ props 문법 간결하게 사용하기

[전]

function TabContent(props) {
    return <div>내용{props.tabIndex}</div>
}

 

[후]

function TabContent({tabIndex}) {
    return <div>내용{tabIndex}</div>
}

 

 

 

 

◽ automatic batching 기능

리액트 18부터 나온 기능으로, state 변경함수가 연달아 처리되어야 한다면 재랜더링을 한번만 한다.

setTimeout(), flushSync()를 대체할 수 있다.

 

 

---

 

출처

React 리액트 기초부터 쇼핑몰 프로젝트까지! - 코딩애플 온라인 강좌