こんにちは!雨の日はReact。Mizutani(@sirycity)です。 今日はreact(というかJSX)にCSSを適用する時に使うstyleについてです。styleは無駄にいろんな書き方があるので順番に色々見ていきましょうね 概要 一番簡単な書き方はこう。 <div style={{ color: 'red' }}>りんご</div> style={{ CSSのプロパティ: 'CSSの値' }} みたいな感じ。簡単だね。2つあるブレース{{}}はこんな感じに理解するといいと思う↓ 外側のブレースは「この中にJavaScriptを書く」って意味 内側のブレースはJavaScriptのオブジェクトを表す って感じ。 初級編 styleに書くのは基本的にはcssと一緒。だけどいくつか注意点があります。 まずひとつ目。CSSの値はクォートで囲もう。囲まないとCSSの変数扱いになるからね。こ