onClick remove object from array in reactjs?

Question

Not able to delete my list from the array, I have also used react update addons but it doesn't not work

My delete function

deleteTips(item){
  var array = this.state.newTips;
  var index = array.indexOf(item)
  array.splice(index, 1);
  this.setState({newTips: array });
}

My render function

{ this.state.newTips.map((item, j) => {
  const nameVal = "tips" + j
  return(
      <div style={{width:"8%","float":"right","marginTop":"10px"}}>    
        <img style={{marginLeft: '10px'}} onClick={this.deleteTips.bind(this, item)}/>
      </div>                                                                                
    )
  })
}

Harald Gliebe · Accepted Answer · 2017-05-26 13:03:20Z

2

You are modifying the array that is the state of the component, therefor your setState might not work, since the new state is the same as the old state.

Could you try

 deleteTips(item){
   var array = this.state.newTips.filter(function(s) { return s != item });
   this.setState({newTips: array });
}

answered May 26, 2017 at 13:03

Harald Gliebe

7,6043 gold badges35 silver badges38 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

onClick remove object from array in reactjs?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related