Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- 블레이드 템플릿
- SQL
- 기초 수학
- linux
- nodejs
- mariadb
- rabbitmq
- Redux
- javascript
- nginx
- Switch
- Redis
- Machine Learning
- node.js
- For
- AWS
- Node
- React
- Babel
- laravel
- fastapi
- python
- webpack
- NCP
- Backbone.js
- Go
- docker
- php
- CentOS
- deep learning
Archives
- Today
- Total
728x90
반응형
목록re-rendering (1)
개발일기

리액트에서 컴포넌트가 리렌더링되는 조건은 상태값이 변경되었을 때 발생한다. 아래와 같은 세가지 경우에서 상태값 변경이 주로 일어나며 해당 컴포넌트의 변경된 상태 부분이 변화하는 것을 확인할 수 있다. 상태값이 변경되었을 때 (useState, Redux 등을 통한 상태값 변경시) props의 값이 변경되었을 때 상위 컴포넌트가 렌더링될 때 useState 변경 import React, { useState } from 'react'; const TestComp = () => { console.log('TestComp Component'); const [ test, setTest ] = useState(true); return ( setTest(!test) }>리렌더링 테스트 ) } export defaul..
Javascript/React.js
2022. 3. 24. 14:24
728x90
반응형