Removing element from array in component state

Question

I am trying to find the best way to remove an element from an array in the state of a component. Since I should not modify the this.state variable directly, is

Answer 1

Here is a simple way to do it:

removeFunction(key){
  const data = {...this.state.data}; //Duplicate state.
  delete data[key];                  //remove Item form stateCopy.
  this.setState({data});             //Set state as the modify one.
}

Hope it Helps!!!