Автоматически прокручиваемые вкладки пользовательского интерфейса не отвечают на данные ответа API - PullRequest
0 голосов
/ 25 января 2019

Я использовал прокручиваемые вкладки пользовательского интерфейса для своего приложения реакции. Для статических данных, то есть изображений на моем ноутбуке, все работает отлично. Но когда я пытаюсь загрузить данные через вызов API, автопрокрутка не работает, и все значки на вкладке не выровнены в одной строке.

this.state.categories.map(category => {
  return (
    <div className="d-inline-block">
      <AppBar position="static" color="default" key={category.category_id}>
        <Tabs
          value={0}
          indicatorColor="primary"
          textColor="primary"
          variant="scrollable"
          scrollButtons="auto"
        >
          <Tab
            icon={
              <img src={category.category_image} alt={category.category_name} />
            }
          />
        </Tabs>
      </AppBar>
    </div>
  );
})
...