Question

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

Answer 1

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

的<input type="radio">媒体资源

<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 Bin]

Answer 3

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

Answer 4

有时可以通过删除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 个答案: