Why does the react hooks checkbox give an incorrect value?

Asked Mar 21 '22 at 18:33

Active Mar 24 '22 at 11:49

Viewed 24 times

This checkbox is consistent in displaying the wrong value of 'checked'

 <input type='checkbox'
 name='isCheckeD' 
 id='isChecked'
 checked={formData.isCheckeD}
 onChange={handleChecked}
 />

the function is

function handleChecked(e) {
    const {name, checked} = e.target 
    formDataSet( cB => {
            return {...cB, [name]: checked}
        }) 
    console.log(formData.isChecked)

}

and the state is:

const [formData, formDataSet] = useState(
    {
     isCheckeD: false    
    }
)

Any ideas?

edited Mar 24 '22 at 11:49

asked Mar 21 '22 at 18:33

ydrea

Where are you seeing any incorrect value? – Drew Reese Mar 21 '22 at 21:36
when the box is checked, console log gives 'false', and vice versa... – ydrea Mar 23 '22 at 10:29
What console log are you referring to? Where are you logging any values? Have you included all relevant code you are working with in your question? https://stackoverflow.com/help/minimal-reproducible-example – Drew Reese Mar 23 '22 at 16:51
sorry, I have now added the console log to the original post. – ydrea Mar 24 '22 at 11:52

Why does the react hooks checkbox give an incorrect value?

0 Answers0