<div style="background-color: blue; font-size: 15px;">
<h3>hello world!</h3>
</div>
// 이런식으로 하던거
class App extends Component {
render() {
const style = {
backgroundColor = 'skyblue'
}; // 객체형태로 css 스타일 선언
// 스타일을 js로 부여하기 때문에 js문법으로도 가능
// ex) fontSize: 10 + 5 + 'px'
return (
<div style = {style}> // element에 style부여
<h1>Hello react!</h1>
</div>
);
}
}
export default App;
이런 느낌임.
<div class='name'>
이런식으로 부여했는데
JSX에서는 className으로 부여해주면 된다.
<div className='name'>
//이렇게
<h1
something="blah" //주석달기
>