MUI 有表单组件吗？

Question

我有一个包含多个 FormControl (https://mui.com/api/form-control/) 组件的表单，我将它们包装在一个：

const FormBody = styled(Box)(() => ({
  display: 'flex',
  flexDirection: 'column',
}));

<FormBody onSubmit={handleSubmitLogin(onLoginSubmit)} component="form">
  <FormControl>
  ...

但我希望在 MUI 的主题中创建一些 CSS 规则，但我找不到任何可用于封装 FormControl 组件的组件。

Answer 1

如果您期待 Ant Design 的 Form 之类的东西，那么没有类似的组件，只需使用原生的 form 元素或 Box component='form' 即可轻松自定义样式。