如何在反应中默认检查单选按钮？答案

【问题标题】：How to make default checked for radio buttons in react?如何在反应中默认检查单选按钮？
【发布时间】：2017-12-17 18:18:03
【问题描述】：

如果初始值为真，如何使单选按钮被选中？

【问题讨论】：

How to set default Checked in checkbox REACT js的可能重复
听起来您正在寻找defaultChecked 道具

标签： reactjs

【解决方案1】：

使用defaultChecked 属性，可用于<input type="checkbox"> 和<input type="radio"> - https://reactjs.org/docs/uncontrolled-components.html#default-values

<input type="radio" name="radio-group" value="1" defaultChecked />
<input type="radio" name="radio-group" value="2" />
<input type="radio" name="radio-group" value="3" />

【讨论】：

你能告诉我如何使用任何 onClick 或 onChange 侦听器获取默认检查的第一个输入的值吗？
不工作，stackoverflow.com/a/56283842/9186481 代替工作

【解决方案2】：

将checked 属性添加到您的单选按钮，例如checked={field.input.value}。 [JS Bin]

【讨论】：

当它有initialValues时我需要默认检查

【解决方案3】：

有时可以通过删除 name 属性并使用条件检查值来解决问题：

<li>
    <label>
    <input
        type="radio"
        value="medium"
        checked={this.state.size === "medium"}
        onChange={this.handleChange}
    />
    Medium
    </label>
</li>

<li>
    <label>
    <input
        type="radio"
        value="large"
        checked={this.state.size === "large"}
        onChange={this.handleChange}
    />
    Large
    </label>
</li>

来源：https://magnusbenoni.com/radio-buttons-react/

【讨论】：

【解决方案4】：

添加一个 defaultChecked 应该是这里的想法，而不是检查值。

【讨论】：