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

Visual Studio上でTypeScript JSXを使ってReact.js「低レベルなタグの組み立て」

$
0
0

createElementメソッドを使ってせっせとタグを組み立てることができます。タグ名、属性、子要素という感じみたいです。

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

var h1 = React.createElement('h1', { className: 'header' }, 'これはReactです');
var p = React.createElement('p', null, 'Reactで快適なSPA生活を!');
var section = React.createElement('section', null, h1, p);
ReactDOM.render(section, document.getElementById('content'));

これで

<section><h1class="header">これはReactです</h1><p>Reactで快適なSPA生活を!</p></section>

こんな感じのタグが組み立てられます。


Viewing all articles
Browse latest Browse all 1387

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>