React 정적 데이터/스타일 적용/클래스명 설정방법

1.정적 데이터 가져오는방법

 

Hello.js

introduce라는 정적 데이터를 만들고 

{ } 안에 변수명을 넣어주면 된다.

Hello.js

{ } 안에서는 주석 처리도 가능하다. 

 

2. 스타일 적용방법

style이라는 Object를 선언하고 <div>에서 style = { } 안에 변수 명을 넣어준다.

 

3. Jsx에서 클래스 명 선언

Jsx에서는 html에서 하는 class를 그대로 선언하면 오류를 발생시킨다. Jsx만에 class선언이다.

 

App.css에서 hello2라는 클래스에 style값을 넣어준다.  

 

적용 된 결과 값이다.