I have an object in the state ,

this.state = {
   selectedValue: {}
}

Now,Here I am adding a property to this by object in the following way

if (e.currentTarget.checked) {
      this.setState({
        selectedType: {
          ...this.state.selectedType,
          [resumeId]: type
        }
      })

Now, In else part I have to remove the property with the matching resumeId.

Or Do I need to create an array of objects ? I am kind of confused here.

Can any one help me with this ?

I have an object in the state ,

this.state = {
   selectedValue: {}
}

Now,Here I am adding a property to this by object in the following way

if (e.currentTarget.checked) {
      this.setState({
        selectedType: {
          ...this.state.selectedType,
          [resumeId]: type
        }
      })

Now, In else part I have to remove the property with the matching resumeId.

Or Do I need to create an array of objects ? I am kind of confused here.

Can any one help me with this ?

• javascript
• arrays
• json
• reactjs

• What is the data you're trying to capture? It's not clear from your question. You can delete a key from an object by using delete object.key; – SBylemans Commented Jun 17, 2019 at 11:15

5 Answers 5

I know this is an old question but I think it deserves an answer so here is what you should do:

setState(current => {
    if (current) {
       const { yourRemoveKey, ...rest } = current;
       return rest;
    } else {
       return current;
    }
});

I think this is the best way.

remember that you might not need the if(current) part.

The best way to do this is add a prefix to your resumId:

if (e.currentTarget.checked) {
      this.setState({
        selectedType: {
          ...this.state.selectedType,
          [`resume-${resumeId}`]: type
        }
      })

Now, you have a way to identify your resumeId. Then loop through your selectedType state and remove resumeId. You can do it as the following:

let selectedType = this.state.selectedType;
for (let key in selectedType) {
  if (key.indexOf('resume') !== -1) {
    delete selectedType[key]
  }
}
this.setState({selectedType})

if (e.currentTarget.checked) {
      this.setState({
        selectedType: {
          ...this.state.selectedType,
          [resumeId]: type
        }
      }) else {
        const selectedType = {
          ...this.state.selectedType
        }
        delete selectedType[resumeId];
        this.setState({
          selectedType
        });
      }

You can delete the resumeId from the object iself.

Use Object destructuring to acheive this cleanly:

if (e.currentTarget.checked) {
      this.setState({
        selectedType: {
          ...this.state.selectedType,
          [resumeId]: type
        }
      })
} else {
    // Destructure the resumeId and rest properties
    const { resumeId, ...rest} = this.setState.selectedType;

    // Only assign the rest properties now
    this.setState({ selectedType: ...rest });
}

Update:

To check if all values are same:

const data = { "a": "11", "b": "11", "c":"12", "d" : "11" };

const objectValues = Object.values(data);

// Check first value with every value
const isEveryValueSame = objectValues.every(x => x === objectValues[0]);

console.log(isEveryValueSame);

To remove a key-value pair from an object in React, you can create a copy of the object using the spread operator and then delete the desired key from the copy. Finally, update the state with the new object. Here's how you can do it:

Let's assume you want to remove the key-value pair with the key resumeId from the selectedType object:

if (e.currentTarget.checked) {
  // Create a copy of the selectedType object
  const updatedSelectedType = { ...this.state.selectedType };

   // Replace the property with undefined or use delete keyword
  const { resumeId } = someData; // Assuming you have the resumeId
  updatedSelectedType[resumeId] = undefined; // or delete 
 updatedSelectedType[resumeId];

  // Update the state with the modified object
   this.setState({
      selectedType: updatedSelectedType
    });
   }