API调用反应JS小提琴

时间:2017-08-24 03:26:23

标签: api reactjs jsfiddle

我希望在这个问题上有一些方向。我有一个必须用js小提琴完成的项目。我正在尝试进行API调用,并且我想使用superagent(http://visionmedia.github.io/superagent/)来生成get请求,但我无法弄清楚如何让它在小提琴中工作。有没有人对这个问题有任何建议,或者更好的方法来解决这个问题?我是新来的反应,所以任何指导将不胜感激。以下是小提琴enter code here https://jsfiddle.net/Sleahy115/69r7amhs/

的链接

1 个答案:

答案 0 :(得分:1)

从cdnjs

添加superagent lib
<script src="https://cdnjs.cloudflare.com/ajax/libs/superagent/0.15.7/superagent.min.js"></script>

然后初始化组件的状态

getInitialState () {
  return {
    repos: []
  };
},

并在componentDidMount

上进行查询
componentDidMount: function() {
  var component = this;
  var url = 'https://api.github.com/users/coma/repos';
  var end = function (error, response) {
    component.setState({repos:response.body})
  };
  var req = superagent.get(url).end(end);
},

最终结果:https://jsfiddle.net/jperelli/p4svwhxp/3/