如何使用React.Context进行事件跟踪

const EventContext = React.createContext();

class ParentComponent extends React.Component {
  render() {
    const eventData = {
      eventName: 'Click',
      eventTime: new Date()
    };

    return (
      <EventContext.Provider value={eventData}>
        {this.props.children}
      </EventContext.Provider>
    );
  }
}

class ChildComponent extends React.Component {
  render() {
    return (
      <EventContext.Consumer>
        {eventData => (
          <div>
            <p>Event Name: {eventData.eventName}</p>
            <p>Event Time: {eventData.eventTime.toString()}</p>
          </div>
        )}
      </EventContext.Consumer>
    );
  }
}