Question

我有几个输入字段（TextField），我想添加一些aria- *属性以实现可访问性。

我正在尝试这种方式：

const props = {
  InputProps: {
    'aria-label': 'myAriaLabel'
  }
}

// ...

<TextField {...props}></TextField>

但是Material-UI最终将属性应用于生成的包装div。像这样：

<div aria-label="myAriaLabel"><input /></div>

如何将该属性正确放置到input元素上？

Answer 1

您只需要一个小写字母i。

InputProps用于Input组件。 inputProps用于input元素。