[React] JSX

JSX

JavaScript와 HTML 을 섞어서 쓸 수 있는, JavaScript의 확장된 문법

 

1. JSX 문법에서는 HTML 을 사용할 때, class 대신 className 으로 작성해주어야한다.

JavaScript의 class 와 HTML 의 class 가 다르기 때문에, <p className ="root"></p> 이런식으로 작성해야함.

 

 

2. HTML 속성에서의 for 를 사용하고싶다면, htmlFor 으로 작성해주어야한다.

JavaScript의 반복문 for 와 HTML속성의 for 가 다르기 때문에, <label htmlFor="name">이름</label> 이런식으로 작성해야함.

 

3. 이벤트 핸들러는 두번째 단어부터 대문자 (카멜케이스) 로 작성 

여러 단어가 조합된 속성명들은 카멜케이스로 작성해야 한다.

<input id="name" type ="text" onBlur="" onFocus=""/>