我对react很陌生，我正在尝试从 Rails api 中引入数据，但出现错误 TypeError: Cannot read property 'map' of undefined

如果我使用react开发工具，我可以看到状态，如果我在控制台中使用它，我可以看到联系人，$r.state.contacts有人可以帮助我解决我做错了什么吗？我的组件如下所示：

import React from 'react';
import Contact from './Contact';

class ContactsList extends React.Component {
  constructor(props) {
    super(props)
    this.state = {}
  }

  componentDidMount() {
    return fetch('http://localhost:3000/contacts')
      .then(response => response.json())
      .then(response => {
        this.setState({
          contacts: response.contacts
        })
      })
      .catch(error => {
        console.error(error)
      })
  }

  render(){
    return(
     <ul>
        {this.state.contacts.map(contact => { return <Contact contact{contact} />})}
      </ul>
    )
  }
}

export default ContactsList;