ReactJS Get Call返回整个数组但不是单个索引

Question

目前，我能够返回整个$ .get调用，但是当我尝试返回第一个索引时，它似乎无法正常工作。任何见解将不胜感激。我基本上会在路上渲染出数组的内容，但是当前从get调用中获取整个对象数组时，目前似乎无法显示单个索引。 您可以看到TableSet组件中的整个调用工作正常。  您也可以在此处查看代码：

self.myTableView.reloadData()
self.myTableView.layoutIfNeeded()
print(self.isTextFieldTextEmpty) 

Answer 1

var TableSet = React.createClass({

  getInitialState: function() { 
    return { 
     lastGistUrl: []
    }; 
  },

  componentDidMount: function() {
    $.get("https://fcctop100.herokuapp.com/api/fccusers/top/recent", function(data) {        
       if (this.isMounted() && Array.isArray(data)) {
           this.setState({
               lastGistUrl: data
           });
       }
   }.bind(this));
  },

  renderGist: function() {
    if (!this.state.lastGistUrl) {
      return null
    }
    var items = this.state.lastGistUrl.map(function(gist) {
     return (
       <td>{gist.username}</td>
     )
    })

    return (
      <tr>
        {items}
      </tr>
    )
  },

  render: function() {
    return(
      <div className="container">
       <table className="table table-striped table-bordered">
        <thead>
         <tr>
          <th>#</th>
          <th>Camper Name </th>
          <th>Points in Past 30 Days</th>
          <th>All Time Points</th>
        </tr>
       </thead>
       {this.renderGist()}
      </table>
     </div>
   );
  }
});

Answer 2

lastGistUrl设置为Object，而不是Array。如果要访问Object的属性，请使用lastGistUrl.propName，否则请更改getInitialState函数以告知React期望数组而不是Object。