Я использовал прокручиваемые вкладки пользовательского интерфейса для своего приложения реакции. Для статических данных, то есть изображений на моем ноутбуке, все работает отлично. Но когда я пытаюсь загрузить данные через вызов 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>
);
})