[ReactNative] JSX

Mary·2024년 4월 28일

ReactNative

목록 보기
3/14

📢 JSX란?

JavaScript+XML을 의미하며 개체 생성과 함수 구축을 위한 문법편의를 제공하기 위해 만들어진 확장 기능


🔘 JSX는 React와 React Native에서 사용되며 가독성이 높고 작성하기 쉬움

🔘 JSX 코드는 이후 바벨을 이용하여 JavaScript코드로 변환됨

🔘 JSX는 반드시 하나의 부모로 감싸진 상태로 반환되어야 함

🔘<View>처럼 역할을 하는 부모로 감싸지 않고 2개 이상을 반환하고 싶다면 <Fragment> 사용 (단축 =< > </>)

🔘 조건문 사용 가능 단, 즉시실행 함수여야 함

🔘 삼항연산자, AND/OR 연산자 사용 가능

📢 null과 undefined

🔘 JSX에서 null은 아무것도 렌더링하지 않고 문제 발생 X

📍 그러나 undefined는 오류 발생

📢 주석

{ /* 주석내용 */}

📍 단, 태그 내에서는 JavaScript처럼 //를 사용해 주석 작성 가능

0개의 댓글