Yarin Nim Yarin Nim - 2 months ago 35
React JSX Question

How to set default Checked in checkbox REACT js

I'm having trouble to update the checkbox state after it's assigned with default value checked="checked" in React.

var rCheck = React.createElement('input',{type: 'checkbox', checked:'checked', value: true},'Check here');


after assigning
checked="checked"
, I cannot interact the checkbox state by clicking to uncheck/check.

Answer

If the checkbox is created only with React.createElement then the property defaultChecked is used.

React.createElement('input',{type: 'checkbox', defaultChecked: false});

Credit to @nash_ag