React行内スタイルの書き方

1931 ワード

転載学習

Reactの行内スタイルを使用したスタイルの設定
1.JSXファイルでスタイル変数を定義するのは、通常のオブジェクト変数を定義するのと同じである

let backAndTextColor = {
     
    backgroundColor:'blue',
    color:'#ff671b',
    fontSize:40
};

2、JSXの呼び出し

<div style={
     backAndTextColor}> </div>

JSXに直接書くこともできます.以下のようにします.

<div style={
     {
     backgroundColor:'blue',color:'#ff671b',fontSize:40}}> </div>