响应中的标签未显示适当的内容

Question

我正在使用来自语义ui-react的Tab。我需要显示当天的日期列表及其相应的事件。但是，在一天内创建的事件也会出现在另一天。

如图所示，我在第1天创建了一个事件，但它在第2天显示，这是不正确的。以下是我生成标签数据的方法：

const panes = selectedDays.map((day, index) => {
  const count = index + 1;
  return {
    menuItem: `Day ${count}`,
    render: () => <Tab.Pane><Agenda day={day} index={count} /></Tab.Pane>
  };
});
this.setState({ panes });

组件代码

{
            currentIndex === 3 &&
            <Fragment>
              <Tab
                menu={{ pointing: true }}
                panes={this.state.panes}
              />
              <Button className='formnext' onClick={this.handlePrevious}>
                <FontAwesome name='angle-left' style={{ color: 'white', fontSize: '2.2rem' }} className='logout' />
              </Button>
              <Button className='formnext' onClick={this.handleNext}>
                <FontAwesome name='angle-right' style={{ color: 'white', fontSize: '2.2rem' }} className='logout' />
              </Button>
            </Fragment>
          }

如果我向key或Tab.Pane组件添加Agenda属性，点击标签标题，只清除我的状态，而我没有数据。知道如何解决这个问题吗？