如何在反应材料-ui中以编程方式设置单选按钮选择

Question

我正在使用来自material-ui 的单选按钮组。我可以将 defaultSelected 设置为具有默认选择，但一旦呈现，我将无法以编程方式设置它。只有当你点击收音机时它才会改变。这是我们可以用 material-ui 做的事情吗？

Answer 1

React 组件可以是受控的，也可以是不受控的。受控意味着您自己设置该组件的值，并将该值保存在父组件中以及状态或道具中。而不受控制的组件意味着您只设置一个默认值，让组件处理其余的。

现在，在大多数情况下，您需要一个组件来编辑值以将该值发送到其父级，以发送服务器请求或仅将该值存储在应用程序状态中，因此我认为在大多数情况下您应该使用受控组件。

要在 material-ui 中执行此操作，而不是设置“defaultSelected”属性，请使用“valueSelected”属性并将其设置为道具或状态变量，还可以使用“onChange”回调来设置状态值或传播回调在此之外，您最终将更改控制器组件中的状态或更新某个商店中的应用程序状态。