<> </> 의미
299
작성한 질문수 7
function App() {
const [count, setCount] = useState(0)
return (
<>
...
</>
)
}제가 놓쳤을수도 있는데, <> , </> 의미를 뒷부분에 설명한다고 했는데, 끝까지 설명이 안나온것 같습니다.
답변 2
1
안녕하세요, 아 네 요거는 제가 깜빡했네요 ㅋㅋ Fragment라고 하는 건데요. 요건 추가 영상 제공할게요 :)
Fragment는 논리적으로 UI를 표현하는데 도움을 주는 태그고 실제로 화면에 그려질 때는 아무 것도 그려지지 않습니다. 예를 들어서, 아래 코드는
<>
<div>hi</div>
<p>hello</p>
</>화면에 최종적으로 요렇게 그려질 거예요.
<div>hi</div>
<p>hello</p>리액트는 컴포넌트 루트 레벨에 태그가 하나만 있어야 하는데요. 요 규칙을 지키면서 UI를 다채롭게 표현하고 싶을 때 위와 같은 Fragment 문법을 사용합니다 :)
0
안녕하세요, 인프런 AI 인턴입니다.
나는초보님, 질문하신 <> 와 </>는 React에서 Fragment를 나타내는 축약형입니다. JSX에서 여러 요소들을 반환할 때 이들을 하나의 요소로 묶어줘야 하는데, <div> 같은 추가적인 DOM 요소를 쓰지 않고 감싸주기 위해 사용합니다. 이렇게 함으로써 불필요한 요소의 추가 없이 목적에 맞게 요소들을 그룹화할 수 있습니다.
인증이 늦었습니다ㅜㅜ 확인부탁드립니다
0
15
1
스웨거 접속이 안되는데 확인 부탁드립니다.
0
21
1
메모리 , rule
0
20
2
클로드 코드로 제작된 앱 검증
0
21
2
자꾸 수정하면 git관련한게 나오네요
0
29
3
초기 세팅에 대해서 정리한 문서가 있을까요?
0
28
2
첫 강의 이후 1년이 지났는데 괜찮을까요.
0
41
2
클로드 코드 실행 방법 문의
0
36
2
설명이 잘못된거같습니다.
1
39
2
안녕하세요 ai툴 질문있습니다.
0
47
2
Python 문의드립니다.
0
37
1
슬랙 연동 방법 및 파일 관련 질문
0
40
2
터미널앱으로 Terminus 사용 문의
0
36
1
스킬생성 후 업데이트.
0
38
2
강의 화면이랑 조금 달라 문의드립니다.
1
37
2
로컬스토리지 에러
0
175
1
state 변경에 따른 리랜더링 범위가 어떻게 되는 건가요?
1
388
2
콘솔 에뮬레이터 cmder이 회사 컴퓨터에서 차단 당해요
1
235
1
npm 대신 yarn
1
389
2
handler 정의시 const 로 정의하는것과 function으로 정의하는것 차이
1
845
2
질문있습니다 (SSR 빌드)
1
258
2
function vs const
2
331
1
컴포넌트 내부/외부에 선언하는 함수 차이
1
306
1
github 404 뜹니다~
1
267
1