ReactJS調用JSON API

Question

在我的JSON文件中，我想要調用一些數據層。我的JSON數據，如我的getInitState所示，組織爲{forthem:[{articles:[]}]}。您也可以在https://emjayweb.github.io/portfolio/scripts/snippets.json查看我的數據。

第一個函數，我使用變量fakeit按預期工作。然而，第二個函數，我打電話makeit來訪問我的articles數據不起作用。我收到一個Cannot read map of undefined錯誤。

我已經在下面列出了我的完整代碼以供審查。

getInitialState:function(){ 
    return {forname: '', forsym: '', fortitle: '', fulldata: {forthem:[ {articles: [] } ]} } 
}, 

componentDidMount:function(){ 
    var self = this; 
    $.getJSON('https://emjayweb.github.io/portfolio/scripts/snippets.json', function(snowden){ 
     self.setState({fulldata: snowden}); 
    }); 
}, 

render:function(){   
    return (<div id="madeforlist"> 
     <ul> 
      {this.state.fulldata.forthem.map(function(fakeit, i){ 
       return <li key={i}> 
          <i className="fa fa-plus-circle" aria-hidden="true"></i> 
          <span id="forname">{fakeit.therefore}</span> 
          <span className="pull-right">{fakeit.theresym}</span> 
         </li>})} 
      <ul> 
      {this.state.fulldata.forthem.articles.map(function(makeit, o){ 
       return <li key={o}>{makeit.article}</li> 
       })} 
      </ul> 
     </ul>  
    </div>); 
} 

Answer 1

forthem是一個數組所以從字面上你需要傳遞一個索引來獲取數組文章

嘗試this.state.fulldata.forthem[0].articles.map()

this.state.fulldata.forthem.map(function(fakeit,i){ 

    fakeit.articles.map(function(article,j){ 

    }) 
}) 

Answer 2

Cannot read map of undefined誤差是this.state.fulldata.forthem.articles.map()的articles是undefined的原因。

我想知道GitHub.io是否支持跨域？如果沒有，這段代碼無法工作，因爲getJSON無法從你的要點中獲取數據。