如何在react中对单选按钮进行默认检查?

IT技术 reactjs
2021-05-06 11:24:31

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

4个回答

使用该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" />

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

有时可以通过删除 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/

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