인프런 영문 브랜드 로고
인프런 영문 브랜드 로고

인프런 커뮤니티 질문&답변

Ruin님의 프로필 이미지
Ruin

작성한 질문수

처음 만난 리액트(React)

(실습) Hooks 사용해보기

문법질문

작성

·

531

0

Accommodate.jsx 파일에서

{isFull && <p style={{ color: "red" }}>정원이 가득찼습니다.</p>}

 

이거 동적으로 html 생성해주는 것 같은데 이거 문법 어떻게 검색해야되나요? 처음봐서./. 자바스크립트 문법인가여? {} 안에 이렇게 들어가는거 모르겟네요

답변 1

0

Inje Lee (소플)님의 프로필 이미지
Inje Lee (소플)
지식공유자

안녕하세요, 소플입니다.

질문해주신 코드는 JSX 코드입니다.

JSX에서는 중괄호 안에 JavaScript 코드를 사용할 수 있는데,

그 안에서 JavaScript의 && 연산자를 사용해서 조건부 렌더링(Conditional Rendering)을 하는 코드입니다.

앞 부분 섹션 3. JSX 강의와 이후 나올 섹션 9. 조건부 렌더링 강의를 참고하시면 좋을 것 같습니다!

Ruin님의 프로필 이미지
Ruin

작성한 질문수

질문하기