选择不显示值（ReactJS /材质UI）

Question

我试图创建一个多选表单控件，但是，每当我选择某个控件时，它都不会被渲染。函数handleChange确实获得了event.target.value，但似乎未添加到roleIds状态。此外，变量console.log的{​​{1}}不会向控制台记录任何内容。

组件代码：

selected

Answer 1

您正在{handleChange}中执行struct ContentView: View { @State var animate = false var body: some View { VStack { Button(action: { self.animate.toggle() }, label: { Text("Animate") }) Rectangle() .foregroundColor(.blue) .frame(width: animate ? 100 : 150, height: animate ? 60 : 90) .animation(.default) //you can change the animation you need } } } 。 Material ui已经为您提供了选定值的数组。 Sp修复您的handleChange一切应该没事。

赞

concat

Working demo is here

编辑：

根据其他要求（请参阅评论）：

如果需要在materail table editcomponent内部使用自定义多重选择组件，则不应在外部管理选择状态，而需要在 function handleChange(event) { setRoleIds(event.target.value); } 内部使用editComponent管理选择状态它提供了。

See working demo here

代码段-材质用户界面表

prop