| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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 | 31 |
Tags
- 재귀함수
- 비제어컴포넌트
- 제어컴포넌트
- eventloop
- MariaDB
- useContext
- virtualDOM
- flexbox
- 프로그래머스
- hoisting
- reactPortals
- React
- BIND
- reactDOM
- useEffect
- useState
- ConnectBy
- mysql
- vscode
- useImperativeHandle
- realDOM
- js
- 드림코딩
- useReducer
- useCallback
- 리액트작동원리
- CSS
- 변수타입
- ForwardRefs
- SQL
Archives
- Today
- Total
목록wrapper (1)
SOOM_BLOG [숨숨 블로그]
Return root level
둘 이상의 'root' JSX 요소를 반환할 수 없다. (변수에 둘 이상의 'root' JSX 요소를 저장할 수도 없다) 하나의 요소만 가질 수 있다. 물론 children은 더 가질 수 있다. 왜 하나의 요소만 저장하거나 리턴할 수 있을까? 자바스크립트에서는 하나 이상 리턴할 수 없기 때문!! return ( Hi there! This does not work :-( ) ⬇️⬇️⬇️ return ( React.createElement('h2', {}, 'Hi there!') React.createElement('p', {}, 'This does not work :-(') ) 💡 여러 요소를 리턴 하고 싶은 경우엔 어떻게 할까? 1) 하나의 배열 값으로 리턴하자. (요소 마다 key 지정 필요.) ret..
TIL/react
2022. 1. 21. 16:57