react.js-12-promise

demo git地址：https://git.oschina.net/tomcode/reactdemo.git










var RepoList = React.createClass({
getInitialState: function() {
return {
loading: true,
error: null,
data: null
};
},

componentDidMount() {
this.props.promise.then(
value => this.setState({loading: false, data: value}),
error => this.setState({loading: false, error: error}));
},

render: function() {
if (this.state.loading) {
return Loading…;
}
else if (this.state.error !== null) {
return Error: {this.state.error.message};
}
else {
var repos = this.state.data.items;
var repoList = repos.map(function (repo) {
return (

• {repo.name} ({repo.stargazers_count} stars)
  {repo.description}
• );
  });
  return (
  
  

  Most Popular JavaScript Projects in Github

  
  
  1. {repoList}
  
  
  );
  }
  }
  });

  ReactDOM.render(
  https://api.github.com/search/repositories?q=javascript&sort=stars‘)} />,
  document.body
  );