반응형
리액트 공부 중에 강제 렌더링이 필요한 순간이 있었는데 클래스형 컴포넌트엔 forceUpdate 메소드가 있지만 함수형 컴포넌트엔 없다. 그래서 찾아봤더니 금방 나왔다. state가 바뀌면 리렌더링 되는 점을 이용해서 1씩 더하는 리듀서를 만들어 쓰면 된다.
const [, forceUpdate] = useReducer((x) => x + 1, 0);
forceUpdate();
리액트 홈페이지에서 소개하고 있는 코드지만 사용을 권장하지 않는다고 한다. 나도 막상 계속 만들다 보니 더 좋은 방법이 생겨서 저 코드가 필요 없게 되었다. 허무...
반응형
'프로그래밍 > React' 카테고리의 다른 글
CRA 없이 React 개발환경 구축하기 (Rollup편) (0) | 2022.03.05 |
---|---|
스토리북에서 CSS Modules 사용하기 (0) | 2022.02.05 |
CRA 없이 React 개발환경 구축하기 (Parcel편) (0) | 2022.01.22 |
We no longer support global installation of Create React App 오류 해결법 (0) | 2022.01.05 |
CRA 없이 React 개발환경 구축하기 (Webpack편) (1) | 2021.12.11 |
부모 컴포넌트에서 자식 컴포넌트 함수 실행하기 (0) | 2021.08.13 |
서브 디렉터리에서 리액트 앱 실행 문제 해결 (0) | 2021.06.12 |
아파치 웹서버에 리액트 라우터 앱 올리기 (0) | 2021.05.22 |