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

Question

我正在使用material-ui中的单选按钮组。我可以将defaultSelected设置为具有默认选择但是一旦渲染，我将无法以编程方式设置它。它只会在您单击收音机时更改。这是我们可以用材料做的事情吗？

Answer 1

反应组分可以是受控的或不受控制的。受控意味着您自己设置该组件值，并将值保留在父组件中以及状态或道具中。虽然不受控制的组件意味着您只设置了一个默认值，然后让组件处理其余的组件。

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

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