Material ui 表单输入值属性的行为不符合预期

我正在尝试创建一个表单来收集输入以创建事件列表。 我使用“值”属性的方式记录在React文档中：

，以收集更改时的用户输入，但材料用户界面：

使用“值”设置输入字段的值，而不收集字段中的值。这会导致各种各样的错误，例如无法输入、选择器无法显示默认值、不接受值以及无法收集信息。我可以用指针指出我哪里出了问题。感谢您的关注：-）

从“React”导入React；
从“道具类型”导入道具类型；
从“@material ui/core/styles”导入{withStyles}”；
从“@material ui/core/Input”导入输入；
从“@material ui/core/Paper”导入纸张；
从“@material ui/core/Grid”导入网格；
从“@material ui/core/TextField”导入TextField；
从“@material ui/core/Button”导入按钮；
常量样式=主题=>({
容器：{
显示：“flex”，
flexWrap:“wrap”，
}
});
类CreateEvent扩展了React.Component{
构造函数（）{
超级（）；
此.state={
标题：“，
说明：“，
地点：“，
开始时间：“，
开始日期：“，
结束时间：“，
结束日期：“
};
}
updateInput=e=>{
这是我的国家({
[e.target.name]：e.target.value
});
};
cancelCreation=e=>{
};
addNewEvent=e=>{
//打数据库电话
};
render（）{
返回(
选择一个图像
取消
提交
);
}
}
导出默认样式（样式）（CreateEvent）；

在您的

updateInput

方法中，您使用

e.target.name

，但您的输入字段都没有

name

属性。在每个

输入

组件上添加一个

名称

属性，该组件与您在值中使用的名称相匹配。例如：

<Input name="description" ... value={this.state.description} .../>

---

非常感谢，添加了“名称”。它就像一个符咒。

<Input name="description" ... value={this.state.description} .../>