import React, {Component} from "react"; import {Container, ListGroup} from "react-bootstrap"; export type EventProp = { id: number, name: string, tick: number } export class Events extends Component<{ events: Array }> { constructor(props) { super(props); } state = { events: this.props.events } mapEvents() { return this.state.events.map((event: EventProp) => { return ( {event.name} @ Tick {event.tick} ) }) } render() { return (

Events

{this.mapEvents()}
) } }