物料Ui选择-物料Ui选择组件中的选定项目显示为空

Question

我在单击按钮时显示一个表单，作为表单的一部分，我已经实现了物料Ui选择项。 我已经将所有这些代码包括在子组件中，而onchange处理函数在父组件中。 UI和变更处理程序工作正常，但问题是选择组件未显示所选菜单项标签。 如果我保留Option而不是MenuItem可以正常工作

这是沙盒链接 Sandboxcode link

Answer 1

您错误地设置了状态：

this.setState({
    [event.target.name]: event.target.value 
});

但是根据您的状态结构，您应该将名称-值对象包装到 serviceRequest 中：

this.setState({ 
     serviceRequest: {
         [event.target.name]: event.target.value }
      }
);