Forms 材质ui对表单友好吗?

Forms 材质ui对表单友好吗?,forms,material-ui,Forms,Material Ui,最近,当我使用React&material ui制作表单时,我发现许多组件没有“name”属性,例如“SelectField”。所以我必须通过一个方法得到这个值。物料ui是否适合实现表单?如果答案是肯定的,你能给我一个完整的例子,其中使用了一些组件,如“TextField”,“SelectField”,我如何提交它 我可以推荐使用redux表单的connectin material ui: 只要将表示材质ui表单的组件从react redux传递到字段中,就可以正常工作 import { Fi

最近,当我使用React&material ui制作表单时,我发现许多组件没有“name”属性,例如“SelectField”。所以我必须通过一个方法得到这个值。物料ui是否适合实现表单?如果答案是肯定的,你能给我一个完整的例子,其中使用了一些组件,如“TextField”,“SelectField”,我如何提交它

我可以推荐使用redux表单的connectin material ui:

只要将表示材质ui表单的组件从react redux传递到字段中,就可以正常工作

import { Field } from 'redux-form/immutable';
import TextField from 'material-ui/TextField';

<Field
    name="username"
    id="username"
    type="text"
    placeholder="Username"
    label="Username"
    required
    iconName="person"
    component={TextField}
  />
从'redux form/immutable'导入{Field};
从“物料界面/文本字段”导入文本字段;

然后在redux状态下会有表单值。

我认为这实际上不是一个具体的ui问题。如果您使用简单的
元素,您将处境相同

基本上,当用户执行某些操作或单击提交时,您要做的是获取/设置文本框/复选框的值。MaterialUI只允许您编写漂亮的、可重用的和经过设计的组件,这样您就不必自己编写它们了

为了方便地使用表单,您需要从您的角度进行一些额外的编码。我还建议使用很棒的库
redux表单
,但它要求您也在应用程序中实现redux(这本身就是一件很棒的事情,但我不知道您的要求是什么)

如果您想要另一个选项,那么您可以使用另一个用于管理表单的伟大而流行的库,并且不需要重复使用

如果您想自己做事情,那么您可以使用建议,这些建议通常告诉您要有受控组件


最后一件事。不要害怕使用额外的库和模块。拥有数十万个模块的关键是让人们使用它们=]

哦,太多的npm包了。如果我不想安装,我可以有其他的解决方案吗?