Challenge!

React.js入門

javascript React.js フロントエンド

React.js

最近React.jsを書いていて少しだけ出来るようになってきたので 忘れないためにメモ

Component

ComponentはReact.createClassで作成

var Hoge = React.createClass({
  testHoge: function(){
    console.log("hoge");
  },
  render: function(){
    React.DOM.div({id:"hoge",className:"hoge",style:{height:"20px",width:"20px"},onClick:this.testHoge},"test")
  }
})

React.createClass内で定義した関数はthis.関数名で呼び出し可能(上記参考)

render

ComponentはReact.createClassにrenderメソッドをもったオブジェクトを渡すことで作成可能

ReactDOM.render(React.createElement(Hoge, null),document.body);

随時更新していきます

参考：

React.jsのComponentについて - Qiita

React(仮想)DOMの専門用語 | React 0.13 日本語リファレンス | js STUDIO