へなちょこエンジニア、railsでreact使ってみる

react jsx生成コマンド

rails g react:component CommentBox

react_componentというhelperメソッド

react_component('CommentBox')

値を参照する時に使う

this.props.hoge

値を変更する時に使う

this.setState({ count: this.state.hoge + 1 });

refs divで設定した値とかを参照

console.log(this.refs.myDiv.props.children);  // xxx
render() {
    return (
      <div ref="myDiv">xxx</div>
    );
  }

getDOMNode DOMにフォーカスあてたりする

this.refs.myDiv.getDOMNode().focus();