Ant 单选按钮值没有改变值

Question

您好，我是 react 新手，我正在尝试在我的 react 应用程序中添加单选按钮。 我正在为我的单选按钮使用 Ant Design。

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

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

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

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

getFieldDecorator 需要有关您正在插入的输入的更多信息。对我来说，我只需要指定一个答案值类型就可以了。

<Form.Item>
  {getFieldDecorator("isBranchAvailable", {
    rules: [{ required: false }], //Always set this property for precautions even if it's false
    initialValue: this.props.branchDetails.isBranchAvailable,
    valuePropName: 'checked' //INSERT ANSWER TYPE DEFINITION HERE
  })(
    <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>

Answer 2

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