Как создать TabPanel для динамического создания вкладок? - PullRequest
Новая
       12

Как создать TabPanel для динамического создания вкладок?

0 голосов
/ 21 мая 2019

Я создаю вкладки динамически с помощью «реагирующих вкладок», как динамически устанавливать содержимое 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>

Но, когда я 'm нажимаю на Я получаю некоторые данные с сервера.И изменение состояния, но только данные первой вкладки рендеринга, остальные данные вкладки не рендеринга.

...