React.memo() - props가 복잡한 object일 때
React.memo() 는 언제 사용하는가 리액트에서 memo 는 불필요한 컴포넌트 렌더링을 줄여 성능을 향상하는 좋은 기능이다. memo는 Higher-Order Components 이다 memo는 API가 아니라, 기존의 컴포넌트를 새로운 컴포넌트로 바꾸어주는 것이다. 컴포넌트가 렌더될 때 이전 props와 같은 props라면 memo로 감싸주자. 그러면 메모리에 저장된 props와 비교해서 리렌더링이 필요없을 때는 스킵할 수 있다. memo 는 props만 체크하기 때문에 , memo에 감싸진 컴포넌트 안의 다른 hooks가 기능한다면 props가 변하지 않았더라도 렌더링 된다. props가 복잡한 object일 때 React.memo는 props를 shallowly compare(얕은 수준에서 비..
Programming/React
2022. 4. 24. 21:20
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- react.memo
- mariadb
- autocommit=0
- sameSte
- vscode
- memo props
- GIT
- React
- 깃레포변경
- mysql commit
- useMemo
- 하나의행
- youtube api
- 화살표함수괄호
- mysql rollback
- 깃레포
- props
- Join
- 리액트youtube
- Repository
- 원격주소변경
- 화살표함수
- autocommit
- 컴포넌트
- memo 동작안함
- 안드로이드 웹뷰 크롬
- 하이브리드앱 디버깅
- 리액트
- 웹뷰 디버깅
- react youtube api
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 |
글 보관함