Deleting a key from an object does not work

Question

I have the following object

 this.state.books = {"test": "test1"}

I'm trying to delete a key from that object, but I'm not able to. Here's my code

 var books = Object.assign({}, this.state.books);
            delete books["test"];
            this.setState({
                books: books,
                loading: false
            });

setState is not triggering and rendering a new books object

Does this answer your question? [Remove value from object without mutation](https://stackoverflow.com/questions/33053310/remove-value-from-object-without-mutation) — devserkan, Nov 27 '20 at 22:42

Someone Special · Answer 1 · 2020-11-27T22:39:30.163

0

you can use destructuring to delete the key.

const { test: gone, ...newBooks } = this.state.books
console.log('gone', gone);
console.log('newBooks', newBooks);

this.setState( prev => ({ ...prev, books: newBooks }))

codesandbox

edited Nov 27 '20 at 22:39

answered Nov 27 '20 at 22:30

Someone Special

9,948
5
33
65

Deleting a key from an object does not work

1 Answers1