Question

我想向Material UI Button添加辅助功能。

我希望按如下方式使用此自定义按钮：

awk -v h= '
>     NF < 3 {print ""; next}
>     $1 != h {h=$1; print $1}
>     {printf "%s %s\n", $2, $3}
> ' file
T12
19/11/19 2000
18/12/19 2040

T15
19/11/19 2000
18/12/19 2080

咏叹调标签可用于inputs，但似乎不适用于按钮。如何将其他道具（assessKey，ariaLabel）传递到“材质UI”按钮中。我该怎么做？

Answer 1

您的代码应该可以使用。

我创建了一个沙箱，您可以在其中检查按钮，并查看该按钮具有aria-label和accesskey属性。

  <Button
    aria-label="This is aria label"
    accessKey="Key"
    variant="contained"
    color="primary"
  >
    I'm a button
  </Button>

尝试检查沙箱下方的按钮。

name lookup

Answer 2

这应该起作用，因为我们大多数组件都转发了多余的道具。在相应的api页面（此处为https://material-ui.com/api/button/）上，您将找到带有明显道具的表格。在此下方是一个注释，告诉您多余的道具会发生什么。

导航（我们正在努力）有点麻烦，但是最后您会看到多余的道具被转发到了本机元素。因此<Button aria-label="ariaLabel" />将呈现<button aria-label="ariaLabel" />。

将辅助功能道具传递给Material UI按钮

2 个答案: