如何在默认情况下检查单选按钮？

Question

如果初始值为真,如何检查单选按钮？

Answer 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" />

Answer 2

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

Answer 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/