#react beginners guide

[chii80]

React.DOM

consoleにObject.keys(React.DOM)でDOM確認

基本の形

ReactDOM.render(  React.DOM.h1(null, "Hello world!"),  document.getElementById("app")

);

htmlだと

<h1 null >Hello world!</h1>

id付けたい時は

React.DOM.h1(    {      id: "my-heading",    },    "Hello world!"  ),  document.getElementById("app")

<h1 id=“my-heading”>Hello world!</h1>

入れ子

React.DOM.h1(    {id: "my-heading"},    React.DOM.span(null,      React.DOM.em(null, "Hell"),      "o"    ),    " world!"  ),  document.getElementById("app")

<h1 id=“my-heading”><span><em>Hell</em>o</span> world!</h1>