How to update object in React state

Question

I have an indexed list of users in the JS object (not array). It\'s part of the React state.

{
    1: { id: 1, name: \"John\" }
    2: { id: 2, name         


        

Answer 1

If you're not using Flux, you use this.setState() to update the state object.

delUser(id) {
    const users = this.state.users;
    delete users[id];
    this.setState(users);
}

addChangeUser(id, name) {
    const users = this.state.users;
    users[id] = {id: id, name: name};
    this.setState(users);
}

Then you can execute your test cases with this:

addChangeUser(4, 'Jane);
addChangeUser(2, 'Peter');
delUser(2);