reactjscheckbox

How to set default Checked in checkbox ReactJS?

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.

Solution

  • 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