티스토리 뷰

React

[React]JSX에서 리액트 style

Xion 2020. 11. 11. 23:12

리액트에서는 style을 먹일 때 style={ object자료형으로 만든 스타일 } 이런식으로 넣어줘야한다.

ex

<div style={ {color : 'blue', fontSize : '30px'} }> 개발 </div>

 

주의할점은 자바스크립트에서는 font-size 이런식으로 사용해왔는데 리액트에서는 " - " 마이너스(-) 즉, 빼기로 인식되어 진다.

따라서 camelCase 작명 관습에 따라 속성명을 위와같이 반드시 바꿔줘야한다 !

 

'React' 카테고리의 다른 글

[React]React & Node & Mongoose & git연동  (0) 2020.11.13
[React] package.json이란?  (0) 2020.11.13
[React]Component문법  (0) 2020.11.11
[React]리액트 state 마음대로 변경하기  (0) 2020.11.11
[React]JSX와 Prop종류들  (0) 2020.11.08