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

Question

我要像描述一个自定义的数据属性添加到材料的UI按钮组件在这里。在我的情况下，这看起来像这样：

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

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

Answer 1

您只需将道具直接添加到Button：

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