Reactjs React API返回空

对react来说是相当新的，但我有以下API数据要创建为列表或其他内容：

我的react组件如下所示：

class Contacts extends Component {
  constructor(props) {
   super(props)
   this.state = {
     contacts:[]
   }
 }

 componentDidMount() {
   fetch('https://api.billysbilling.com/v2/contacts?organizationId=kZeGqbBRSXyeeDoWNkF3jQ',{
     headers: {
         'X-Access-Token': API_KEY,
         'Content-Type': 'application/json'
     },
   })
    .then(response => {
      return response.json();
    })
    .then(response => console.log(response))
    .then(d => {
      this.setState({ contacts: d });
      console.log("state", this.state.contacts)
    })
  }
  render() {
  return (
    <div>
      {
        this.state.contacts.map(((contact, index) =>
          <th key={`${contact.contact}${index}`}>
            <div>
              <div>
                {contact.contact}

              </div>
            </div>
          </th>
        ))
      }
    </div>
  );
}

类联系人扩展组件{
建造师（道具）{
超级（道具）
此.state={
联系人：[]
}
}
componentDidMount（）{
取（'https://api.billysbilling.com/v2/contacts?organizationId=kZeGqbBRSXyeeDoWNkF3jQ',{
标题：{
“X-Access-Token”：API_密钥，
“内容类型”：“应用程序/json”
},
})
。然后（响应=>{
返回response.json（）；
})
.then（response=>console.log（response））
.然后（d=>{
this.setState（{contacts:d}）；
console.log（“state”，this.state.contacts）
})
}
render（）{
返回(
{
this.state.contacts.map（（（联系人，索引）=>
{contact.contact}
))
}
);
}

但无论如何，它似乎一无所获。 console.log实际上显示了数据，所以我被卡住了。 如果你们中的一些人能帮上忙，那就太棒了

该状态还在chrome中的react工具中返回一个空数组。

当您编写

then（response=>console.log（response））

时，您没有返回任何内容，因此

d

将

未定义
，在函数中指定给以下
then

你可以这样写：

fetch（'https://api.billysbilling.com/v2/contacts?organizationId=kZeGqbBRSXyeeDoWNkF3jQ',{
标题：{
“X-Access-Token”：API_密钥，
“内容类型”：“应用程序/json”
},
})
。然后（响应=>{
返回response.json（）；
})
.然后（d=>{
控制台日志（d）；
this.setState（{contacts:d.contacts}）；
});
谢谢。但现在它似乎无法映射数据：TypeError:this.state.contacts.map不是function@PatrickZiebellThøgersen根据jsonblob中的数据判断，可能应该是
this.setState（{contacts:d.contacts}）但是，我可以再多用一句话来打扰你吗？帕特里克泽贝尔斯格尔森考虑到一个新的问题，因为在回答问题时改变问题不是好的做法。