How to make default checked for radio buttons in react?

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

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/