Quantcast
Channel: かずきのBlog@hatena
Viewing all articles
Browse latest Browse all 1387

Visual Studio上のTypeScript JSXを使ってReact.js「style属性をJSのオブジェクトで指定する」

$
0
0

ということができるみたいですね。

fontSize → font-sizeみたいな感じのルールでJSのオブジェクトのプロパティをCSSのstyleの名前に変換してくれるみたいです。こんな感じで

/// <reference path="typings/tsd.d.ts" />

var h2Style = {
    fontSize:40,
    color:'red',
    backgroundColor:'yellow'
};

ReactDOM.render(
    <h2 style={h2Style}>Hello world</h2>,
    document.getElementById('content'));

これで背景黄色で文字が赤のHello worldが表示されます。


Viewing all articles
Browse latest Browse all 1387

Trending Articles