如何使用 Material UI 在选项卡上放置关闭按钮

Question

我正在使用 ReactJS 和 Material UI 创建动态选项卡，但我想知道如何直接在选项卡上放置功能性关闭选项卡按钮。

我的意思是：

顺便问一下，有什么办法可以将图标与文本并排放置吗？

Answer 1

我尝试过这个，它对我有用：

<Tabs
        value={value}
        onChange={handleChange}
      >
        <Tab label={
          <span>
                    {'Active'}
                    <IconButton size="small" onClick={() => { handle() }}>
                      <CloseIcon />
                    </IconButton>
                  </span>
        } />
        <Tab label="Disabled" disabled />
        <Tab label="Active" />
      </Tabs>