材质UI可自动滚动的选项卡不响应API响应数据

Question

我已经在我的React应用程序中使用了ui的可滚动标签。对于静态数据，即笔记本电脑上的图像，它的工作效果非常好。但是，当我尝试通过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>