[React] JSX

mh-yeo·2022년 5월 23일
0

[React]

목록 보기
5/12
post-thumbnail

JSX?

JSX is an XML/HTML-like syntax used by React that extends ECMAScript so that XML/HTML-like text can co-exist with JavaScript/React code.

JSX란 JavaScript XML의 준말로 Javascript에 html과 같은 markup 랭귀지를 작성할 수 있게해주는 syntax이다.

JSX는 리액트프로젝트에서 개발할 때 사용되므로 공식적인 자바스크립트의 문법은아니다.

사용법은 다음과 같이 함수의 retrun 안에 html 태그와 동일한 방식으로 작성하면된다.
onclick 같은 속성들은 리액트에서 지정해놓은 onClick 으로 사용해야하는 약간의 차이점이 있지만 적용방식이나 문법은 대동소이하다.

profile
FE 개발 velog

0개의 댓글