Material-UI：如何使用 TextField 应用输入属性

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元素。