functioncomponent2 [React] Hook이란? ✨❗️ 리액트 공식 문서 - Hook의 개요 Hook은 React 버전 16.8부터 새로 추가된 것으로 기존 Class 바탕의 코드를 작성할 필요 없이 상태 값과 여러 React의 기능을 사용할 수 게하는 요소이다. ✅ Hook이 뭔가요? 👉 Hook은 함수 컴포넌트에서 React state와 생명주기 기능(lifecycle features)을 "연동(hook into)" 할 수 있게 해주는 함수입니다. - React 공식 문서 ✅ 왜 등장했을까? Class component - state, 라이프 사이클 때문에 사용 - 클래스로 부터 한번 인스턴스가 생성이 되고 나면 독립적으로 움직일 수 있음 - this.state가 참조하는 값은 항상 최신 ⇒ 결과를 보장하기 힘듬(버그 발생) - 반면 함수는 한번 .. 2021. 12. 15. [React]함수형 컴포넌트에서의 this.props.history.push(); MEGAFOX 프로젝트 리팩토링 class 컴포넌트로 작업한 부분을 함수형 컴포넌트로 수정 진행 중. :: class component -> function component 🤓 이 때, onClick 이벤트 시 페이지 이동을 위해 사용했던 함수형은 state 없는데, this.props를 사용할 수 있나요? 컴파일부터 안됩니다. this.props.history.push(경로); 를 더이상 사용할 수 없었다. goToTheater = () => { const { history } = this.props; history.push('/theater/list'); }; react-router v5를 기반으로 설명 합니다. (v6버전 관련 내용 포스팅, 공식문서) [ 해결 ] 함수형에서 push메서드를 사용해.. 2021. 11. 8. 이전 1 다음
