来自 Material UI React 的 FormControl答案

【问题标题】：FormControl from Material UI React来自 Material UI React 的 FormControl
【发布时间】：2021-04-22 02:42:29
【问题描述】：

嗨 Material UI 中的 FormControl 有什么特别之处？是不是表示子元素被控制了？

<FormControl>
  <InputLabel htmlFor="my-input">Email address</InputLabel>
  <Input id="my-input" aria-describedby="my-helper-text" />
</FormControl>

【问题讨论】：

【解决方案1】：

根据material-ui文档：

提供诸如填充/聚焦/错误/表单所需的上下文输入。

在构建自己的 Field 组件 (doc reference) 时，基本上出于可访问性的原因使用 FormControl 组件。它允许您传递诸如error 之类的道具并更改您的 UI。

例如，TextField 组件也构建在 FormControl 之上 (doc reference)。

注意当您手动处理（更新更改）它们的值时，表单字段受到控制

您可以通过查看Material UI doc了解更多信息

我也给你一个 CodeSandBox 例子here

【讨论】：

你能用例子展示特征吗？提供上下文
现在试试看答案，我更新了！在这里你可以找到一些实时代码示例codesandbox.io/s/material-ui-project-forked-uz3qt?file=/src/…让我知道！
我想我明白了。所以这意味着如果我使用 FormControl 我可以传递一些像错误这样的道具，它会为我们需要的所有孩子制作样式显示错误。我不必为每个孩子制作样式，将一些道具传递给 FormControl 就足够了，对吧？

【解决方案2】：

如果你使用 FormControl，你可以传递一些像 error 这样的道具，它会为我们需要显示错误的所有孩子制作样式。您不必为每个孩子制作样式，只需将一些道具传递给 FormControl。谢谢 Francesco Cipolla 的例子

【讨论】：