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
- ๊ทธ๋ฆฌ๋
- ํ ์ดํ๋ก์ ํธ
- ์๊ณ ๋ฆฌ์ฆ
- Python
- ์ฝ๋ฉ์ ํ
- ๋ ธ๋ง๋์ฝ๋
- ํ๋ก์ ํธ
- react
- mongodb
- javascript
- ๋ชจ๊ฐ์ฝ
- ํ๋ก๊ทธ๋๋จธ์ค
- ๊ฐ๋ฐ
- Til
- HTML
- ๋ฐฑ์ค
- ๊ตญ๋น์ง์
- node.js
- ๋๋ฆผ์ฝ๋ฉ
- fe
- ์ฝ๋ฉํ ์คํธ
- ํ๋ก ํธ์๋
- ํ์ด์ฌ
- JS
- ์ฝ๋ฉ
- CSS
- error
- ํฌ๋กค๋ง
- heapq
- KDT
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