usestate hook for checkbox check and uncheck

Sree Chakram answered on November 3, 2020 Popularity 1/10 Helpfulness 1/10

answer usestate hook for checkbox check and uncheck

related usestate hook for checkbox check and uncheck

usestate hook for checkbox check and uncheck

Comment

//one checkbox will be clicked another will be disabled.....

const { useState } = React; 
import React, { useState } from 'react';  


const App = () => {
  const [disabled, setDisabled] = useState(false)
  const handleClick = () => setDisabled(!true)
  
  return {
    <div onClick={handleClick}> <Checkbox /></div>
     <div> <Checkbox  disabled={disabled} /></div>
}
};


ReactDOM.render(<App />, document.getElementById('root'))

Popularity 1/10 Helpfulness 1/10 Language javascript

Source: Grepper

Tags: checkbox hook javascript use-state

Link to this answer
Share Copy Link

Contributed on Mar 24 2022

Sree Chakram

0 Answers Avg Quality 2/10

Closely Related Answers

usestate hook for checkbox check and uncheck

Comment

const { useState } = React; // --> for inline use
// import React, { useState } from 'react';  // --> for real project


const App = () => {
  const [checked, setChecked] = useState(false)
  const handleClick = () => setChecked(!checked)
  
  return <input onClick={handleClick} checked={checked} type="checkbox" />
};


ReactDOM.render(<App />, document.getElementById('root'))

Popularity 8/10 Helpfulness 7/10 Language javascript

Source: stackoverflow.com

Tags: use-state javascript hook checkbox use-

Link to this answer
Share Copy Link

Contributed on Nov 03 2020

Fantastic Fish

0 Answers Avg Quality 2/10

usestate hook for checkbox check and uncheck

Contents

More Related Answers

usestate hook for checkbox check and uncheck

Closely Related Answers

usestate hook for checkbox check and uncheck

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.