html - 如何向 Material-UI 按钮添加数据属性?

标签 html reactjs material-ui

我想向 Material-UI 按钮组件添加自定义数据属性,如 here 所述.在我的情况下,这看起来像这样:

<Button
  inputProps={{ 'data-testid'='clickButton' }}
>
Click
</Button
此解决方案不起作用,因为没有 输入 Prop 对于按钮组件。那么如何为 Material-UI 按钮组件设置自定义数据属性?

最佳答案

您只需将 Prop 直接添加到 Button :

<Button data-testid="clickButton">Click</Button>
Edit Button data attribute

关于html - 如何向 Material-UI 按钮添加数据属性?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/64649963/

相关文章:

reactjs - React Native EXPO Apple上传失败

javascript - 文本节点不能显示为 <tbody> 的子节点。 [ react ]

javascript - 在所有浏览器上,正常缩放时内部 material-ui Chip 组件周围会出现边框,但在放大或缩小时不会出现边框

php 插入 mysql_query 获取 id

javascript - React - 将对象转换为字符串以在 DevExpress React Grid 中显示

javascript - 空的 iframe src 有效吗?

reactjs - Material UI + Nextjs : Drawer

reactjs - Material-ui自动完成警告提供给自动完成的值无效

html - 为什么 Highcharts div/chart 会超出父 div?

html - 带有解析为 false 的媒体查询的链接标签是否仍会被下载?