如何向 Material-UI Button 添加数据属性？答案

【问题标题】：How to add a data attribute to Material-UI Button?如何向 Material-UI Button 添加数据属性？
【发布时间】：2021-02-15 08:53:39
【问题描述】：

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

<Button
  inputProps={{ 'data-testid'='clickButton' }}
>
Click
</Button

此解决方案不起作用，因为按钮组件没有 inputProps。那么如何为 Material-UI 按钮组件设置自定义数据属性呢？

【问题讨论】：

【解决方案1】：

你直接把 prop 添加到Button:

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

【讨论】：