lundi 23 novembre 2020

How to change the state of the checkbox using a method?

I need to create a method and change the state of the checkbox from checked to unchecked and vice versa by calling a method.

onEventListener: (event,props) => {
      if (event.key === " ") {
         console.log ("Check box is "+ !event.target.checked );
           props.onEventListener({onChecked: !event.target.checked});
       }

onChecked will be used to change the state , It is a boolean .

render (
<div>
 <input
            type="checkBox"
            onKeyDown={props.onEventListener}
            defaultChecked = {props.onChecked}

          />
</div>
)



Aucun commentaire:

Enregistrer un commentaire