I have an array in which I want to push the objectIds whenever the checkbox is checked and remove the ids after admin removes the check-mark from it.
<Form.Label>Select Package/s:</Form.Label>
{packages.map((item) => (
<Form.Check
key={item._id}
type="checkbox"
label={item.name}
/>
))}
This is the respnse:
How can I do that?
try to set onChange eventhandler on each list item, and spread the checked packages state:
const [checkedPackages, setCheckedPackages] = useState([]);
...
<Form.Check
key={item._id}
onChange={
(e) => {
setCheckedPackages((c) => {
let returnValue = e.target.checked ?
[...c, item._id]
:
c.filter(el => el != item._id);
return returnValue
})
}
}
...
Expected an assignment or function call and instead saw an expression
returnValue. This is working onChange={(e) => setSelectedPackage((c) => e.target.checked ? [...c, item._id] : c.filter((el) => el !== item._id) ) }