Material-ui FormControlLabel值在更新状态时未反映更改

时间:2019-05-27 11:05:49

标签: reactjs material-ui radio-group

我正在使用问题/答案应用程序,该应用程序具有一项功能,当用户返回上一个问题时,他应该能够看到他/她的上一个答案。因此,在组件中,我通过单选按钮来循环显示选项,以单选按钮的形式向用户显示选项。我将用户当前答案保存在redux存储中的数组中。因此,当用户返回上一个问题时,我获取了他/她的最后一个答案,并更新了componentDidUpdate()中的RadioGroup值,但它没有更新FormControlLabel检查。

            <FormControl component="fieldset">
                <RadioGroup
                  aria-label="position"
                  name="position"
                  value={this.state.answers}
                  onChange={this.handleChange}
                >
                  {this.state.currentChoices.map(choice => (
                    <FormControlLabel
                      value={choice.label}
                      control={<Radio color="primary" />}
                      label={choice.label}
                      labelPlacement="end"
                      key={choice.label}
                    />
                  ))}
                </RadioGroup>
              </FormControl>

我控制正在更新的RadioGroup的值(即this.state.answers),但未检查FormControlLabel

1 个答案:

答案 0 :(得分:-1)

只需确保数据类型正确即可。 FormControlLabel的值通常会转换为字符串。现在有同样的问题。