Reactチュートリアル第6編-スタイルバインド
839 ワード
一般スタイル名使用-className
app.css
app.js
行内スタイル
app.css
.c1{
color: red;
width: 100%;
height: 300px;
border: solid 1px red;
}
app.js
import './app.css'
import React from 'react';
import ReactDOM from 'react-dom';
import './modules/cp/cp.scss'
class Component1 extends React.Component{
render(){
return (
)
}
}
ReactDOM.render(
,
document.getElementById('app')
)
行内スタイル
let c1 = {
color: 'red',
width: '100%',
height: '300px',
border: 'solid 1px red'
}
class Component1 extends React.Component{
render(){
console.log(c1)
return (
)
}
}