How to make default checked for radio buttons in r

Question

How to make the radio button checked if the initial value is true?

Answer 1

Using the defaultChecked property, available for <input type="checkbox"> and <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

Adding a defaultChecked should be the idea here and not the checked value.

Answer 3

Add the checked attribute to your radio button, e.g. checked={field.input.value}. [JS Bin]

Answer 4

Sometimes the issue can be fixed by removing the name attribute and instead using a conditional checked value:

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

Source Here: https://magnusbenoni.com/radio-buttons-react/