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
- ๋ฐฑ์ค
- ์๊ณ ๋ฆฌ์ฆ
- ๋ชจ๊ฐ์ฝ
- node.js
- Til
- ๋ ธ๋ง๋์ฝ๋
- ํ์ด์ฌ
- ์ฝ๋ฉํ ์คํธ
- Python
- HTML
- ๊ทธ๋ฆฌ๋
- error
- ๊ฐ๋ฐ
- KDT
- javascript
- ํฌ๋กค๋ง
- heapq
- JS
- CSS
- ๋๋ฆผ์ฝ๋ฉ
- ํ ์ดํ๋ก์ ํธ
- ํ๋ก๊ทธ๋๋จธ์ค
- react
- mongodb
- fe
- ํ๋ก ํธ์๋
- ์ฝ๋ฉ์ ํ
- ํ๋ก์ ํธ
- ๊ตญ๋น์ง์
- ์ฝ๋ฉ
Archives
- Today
- Total
๋ชฉ๋กReact.Fragment (1)
๐ฑ → ๐ณ
[React] React.Fragment
React.Fragment ์ค์ ๋ฆฌ์กํธ์์ ์ปดํฌ๋ํธ๋ฅผ ์กฐํฉํ ๋, ์ต์์์ div๋ฅผ ์ฌ์ฉํ์ง ์๊ณ ๋ฐํํด์ผํ๋ ๊ฒฝ์ฐ๊ฐ ์๊น css๊ฐ ๊นจ์ง๋ค๊ฑฐ๋, ํ ์ด๋ธ ์์ ์ฌ์ด์ div์์๊ฐ ๋ค์ด๊ฐ๋ฉด error๊ฐ ๋ฐ์ํ๋ ๊ฒฝ์ฐ React.Fragment๋ก return ๊ฐ์์ ์ต์์ tag ์ญํ ์ ํ๋ div ์์ ๊ธฐ import React from "react"; export default function ReactFragment() { return ( ์๋ ํ์ธ์! ๋ฐ๊ฐ์ต๋๋ค! ); } (react ๋ผ์ด๋ธ๋ฌ๋ฆฌ์ ๊ธฐ๋ฅ์ด๋ฏ๋ก react ๋ผ์ด๋ธ๋ฌ๋ฆฌ ์ถ๊ฐ ํ์) React.Fragment๋ ๋ก ๋์ฒด ๊ฐ๋ฅ ! import React from "react"; export default function ReactFragment() ..
Client/React
2022. 9. 30. 18:33