如何创建TabPanel以动态创建选项卡？

Question

我正在使用“ react-tabs”动态创建标签，如何基于tab动态设置TabPanel内容。

示例代码：

<Tabs defaultIndex={this.state.tabIndex} onSelect={index=>this.tabSelect(index)}>
     <TabList>
      {
       this.galleryMenus.map(tab=><Tab>{tab}</Tab>)
      }
     </TabList>

   <TabPanel>
      {images.map(image => (
         <div 
                  className={`images-list-item ${this.getImageSelectStatus
                  (image) && "selected"}`}
              onClick={() => this.setImage(image)}
         >
                <img className="image" src={image} />
             <span className="check-ico">
                <i className="fas fa-check" />
             </span>
         </div>
      ))}
   </TabPanel>
 </Tabs>

但是，当我单击时，我正在从服务器中获取一些数据。并更改状态，但仅第一个选项卡数据正在呈现，其余的选项卡数据未呈现。