How can I remove dynamic key and it's value from react useState object?
I have a checkedItems object. Based on the function call I want to remove the dynamic key and it's value from the object:
const [checkedItems, setCheckedItems] = useState(null)
const unCheckItem =(item) => {
const {id} = item
setCheckedItems(prevState) => ({
...prevState
// How should I remove that dynamic key which has the value of id?
})
}
How can I remove the dynamic key which has the value of id and also remove it's value?
You can create helper to remove key and use it on previous state, like this:
const removeKey = (key, { [key]: _, ...rest }) => rest;
...
...
setCheckedItems(prev => removeKey(id, prev));
you can use this way, it will work 100%!
let newObject = {};
for (let [key, value] of Object.entries(checkedItems)) {
if (key != id) {
newObject[key] = value;
}
}
setCheckedItems(newObject);