我正在使用 React.js 開發(fā)一個簡單的 crud 應用程序，當我嘗試顯示我從中獲得的事件列表時遇到了這個問題：“TypeError: Cannot read property 'map' of undefined”：http： //127.0.0.1:8000/api/events（以json格式顯示事件列表）。這是代碼：import React, { Component } from 'react';import Event from './Event';import axios from 'axios';class DisplayEvent extends Component {  constructor(props) {    super(props);    this.state = { value: '', events: '' };  }  onDelete = id => {    // console.log("event list ", id);    this.props.onDelete(id);  };  onEdit = id => {    // console.log("event list ", id);    this.props.onEdit(id);  };  componentDidMount() {    axios.get('http://127.0.0.1:8000/api/events')      .then(response => {        this.setState({ events: response.data });      })      .catch(function (error) {        console.log(error);      })  };  render() {    const events = this.props.events;    return (      <div>        <h1>Events</h1>        <table className="table table-hover">          <thead>            <tr>              <td>ID</td>              <td>Event Name</td>              <td>Event Description</td>              <td width="200px">Actions</td>            </tr>          </thead>          <tbody>            {events.map(event => {              return (                <Event                  key={event.id}                  event={event}                  onDelete={this.onDelete}                  onEdit={this.onEdit}                />              )            })}          </tbody>        </table>      </div>    )  }}export default DisplayEvent;