更改 Material-UI 库中元素的 HTML 属性

Question

我正在做一个使用 React 和 Material Design 的项目。我真的很想选择 Material UI Library，但还有一些额外的要求，比如通过 aria-Attributes 的可访问性和表单上的大量自动完成。

Matrial UI 使用它自己的组件，例如<TextField>，它会创建一个像这样的输入字段：

<div style="...">
    <div style="...">Hint Text</div>
    <input type="text" id="..." style="...">
    <div>
        <hr style="...">
        <hr style="...">
    </div>
</div>

例如，我如何将 (HTML-)Label 包裹在 <input> 周围或添加 aria- 或 name-attribute？

非常感谢！！

Answer 1

Material-UI 帮你搞定。

库为您将 html 道具向下传递到 < input />，因此您只需执行以下操作：

<TextField label="myLabel" />

更改 Material-UI 库中元素的 HTML 属性

Changing HTML attributes of Elements in Mateial-UI Library

reactjs

material-ui