getInitialState: function() {return {color: false,msg: 'SharkChilli',}
},    

propTypes: {name: React.PropTypes.string.isRequired,age: React.PropTypes.number.isRequired,
}

componentDidMount: function() {  $.get(this.props.source, function(result) {    var data = result.data;    if (this.isMounted()) {     // 判断是否执行过componentDidMount函数      this.setState({        color: data.color,        msg: data.msg      });    }  }.bind(this));   // 绑定到react实例,貌似不bind的话  this.xx是undefind},

<UserGist source="https://api.github.com/users/octocat/gists" />,    // 组件

render: function() {return (<ol>{React.Children.map(this.props.children, function (child) {return <li>{child}</li>;})}</ol>);}ReactDOM.render(<NotesList><span>hello</span>    //外部传入的html元素<span>world</span></NotesList>,document.getElementById('example'));

setColor(event){this.setState({　　　　　　color: event.target.class

　　　　})
}

render() {var ctr = this.state.ctr ? '[]~(￣▽￣)~*' : ~~(>_<)~~;return <h1 ref="myH1"  onClick={this.setColor}>{color}</h1>;
}

ReactDOM.render(<LikeButton title={tog} />,document.getElementById('div')
)

var repoList = repos.map(function (repo, index) {return (<li key={index}><a href={repo.html_url}>{repo.name}</a> ({repo.stargazers_count} stars) <br/> {repo.description}</li>);
});
return (<main><h1>array</h1><ol>{repoList}</ol></main>
);

var names = ['Alice', 'Emily', 'Kate'];ReactDOM.render(<div>{names.map(function (name, index) {return <div key={index}>Hello, {name}!</div>})}</div>,document.getElementById('example'));

 var arr = [<h1 key="1">Hello world!</h1>,<h2 key="2">React is awesome</h2>,];ReactDOM.render(<div>{arr}</div>,document.getElementById('example'));