reactjs - 如何在 Ant 设计 React 中使用地图动态呈现选项卡

Question

我正在使用 Ant-Design 选项卡，但我希望它是动态的，所以我使用了地图功能，但我面临的问题是当我单击第二个选项卡时，第二个选项卡内容没有显示，因为当我选中所有处于活动状态的选项卡时默认情况下如何解决这个问题。

这是代码：

 <Tabs tabPosition={"left"}>
                      {[1,2,3].map((item, index) => {
                          return(
                            <TabPane tab={`Tab ${item}`} key="1">
                            Content of Tab 1
                          </TabPane>
                        )})}
</Tab>

有人可以建议我解决这个问题。

标签： reactjsantd