Material-UI: Как применить входные атрибуты, используя TextField

Question

У меня есть пара полей ввода (TextField), в которые я хотел бы добавить некоторые атрибуты aria- * для доступности.

Я пытаюсь так:

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

// ...

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

Но материал-UI заканчивает тем, что применяет атрибут к сгенерированной упаковке div.Примерно так:

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

Как правильно разместить этот атрибут в элементе input?

Answer 1

Вам просто нужна строчная буква i.

InputProps для компонента Input.inputProps для элемента input.

https://material -ui.com / api / text-field / # props