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

标签 reactjs material-ui

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

我的意思是:

enter image description here

顺便问一下,有什么方法可以将图标与文本并排放置吗?

最佳答案

我试过了,它对我有用:

<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>

关于reactjs - 如何使用 Material UI 在选项卡上放置关闭按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/63004037/

相关文章:

reactjs - 使用修改后的 TextField 无法使用 Material UI 自动完成功能

javascript - React Native 如何更改 secureTextEntry 输入的大小和颜色

reactjs - 无法使用通过 Stencil.js 创建的 NPM 包

reactjs - Material-UI 数据网格 - 按日期和 UNIX 时间戳过滤

reactjs - 无法使用 @emotion/styled 访问样式组件中的主题

css - 与 Material UI 主题 react - 设置全局颜色变量

javascript - 如何在 React 中的表单提交上使用带有 fetch API 的 setState ?

javascript - React什么时候调用组件构造函数以及执行流程是怎样的?

reactjs - Webpack babel es6 给我的 React-router 1.0 "module not found"错误?

javascript - 如何让 Material-UI 的 <TextField/> 像 ReactJS 中的 &lt;input/> 一样使用 ref ='' 正确返回?