Question

嗨，我是新来的响应者，我正在尝试在我的react应用程序中添加单选按钮。我正在使用Ant Design作为我的单选按钮。

所以现在的问题是，当我将按钮的状态从“是”更改为“否”，然后我来回移动时，该值没有改变，它向我显示了正在设置的默认值。

我正在使用Redux将数据存储到React存储中，并且更改后的值正在React存储中得到更新。

任何人都可以帮助我解决问题。

state = {
  value: 1
};

radioChangeHandler = e => {
  this.setState({
    value: e.target.value
  });
};

<Form.Item>
  {getFieldDecorator("isBranchAvailable", {
    initialValue: this.props.branchDetails.isBranchAvailable
  })(
    <div>
      <label>Branch Available?</label>
      <br />
      <Radio.Group
        onChange={this.radioChangeHandler}
        defaultValue={this.state.value}
      >
        <Radio value={1}>yes</Radio>
        <Radio value={2}>no</Radio>
      </Radio.Group>
    </div>
  )}
</Form.Item>;

const mapStateToProps = state => {
  return {
    branchDetails: state.branchReducer.branch
  };
};

Answer 1

尝试使用<Radio.Group onChange={this.radioChangeHandler} defaultValue={this.state.value} value={this.state.value}>

蚂蚁单选按钮值未更改值

1 个答案: