want to handle change in checkbox in my reactjs

Question

i am trying to handle checkbox in my react app but i am not able to it. here is my usestate of communication

const [data, setData] = useState({
  phone: "",
  notice: { paper: true, court: false, labour: false }
});

below is my change handler for that

const handleDataChange = (event) => {
  setData({ ...data, ...notice, [e.target.id]: ![e.target.value] });
};

will any one look into this and help me out

Where do you want to store the ids of checkboxes?. Also you are spreading notice without having access to it since it is a property of data object. — Medi
– Medi, Commented Apr 23, 2021 at 11:32

elpmid · Accepted Answer · 2021-04-23 11:34:29Z

3

const handleDataChange = (event) => {
    setData({
        ...data,
        notice: {
            ...data.notice,
            [event.target.id]: !event.target.checked
        }
    })
}

edited Apr 23, 2021 at 11:34

elpmid

9321 gold badge6 silver badges19 bronze badges

answered Apr 23, 2021 at 11:31

FireFighter

7064 silver badges6 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

elpmid Over a year ago

please omit the not operator i forgot

FireFighter Over a year ago

Does he not want it to be there? I mean, the operator makes no sense here, but I don't know what his idea is.

elpmid Over a year ago

oops sorry its fine i over analyze the situation hes. just leave it

Collectives™ on Stack Overflow

want to handle change in checkbox in my reactjs

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related