Replacing object in array with another object, ReactJS

Question

I want to push (splice) object from variable into array, but it causes an infinite loop, the point is to replace object in array with another object from React state.

handleDuplicate = (id, nextId) => {
  let items = [...this.state.items];
  let currentItem = this.state.items[id];
  if (items && currentItem) {
    console.log(currentItem); // --- logs object from react state properly
    for (var i = 0; i < items.length; i++) {
      if (items[i].id == nextId) {
        items.splice(i, 1);
        // items.splice(i, 0, currentItem); // --- causes infinte loop
        items.splice(i, 0, { id: 111, test: "test" }); // --- runs ok
        i--;
        console.log(items);
      } else {
        console.log("---");
      }
    }
  }
  this.setState({ items });
};

Olivier Boissé · Accepted Answer · 2020-02-06 16:04:59Z

3

You can use the map function to replace the item :

handleDuplicate = (id, nextId) => {
  const currentItem = this.state.items[id];
  const items = this.state.items.map(
    item => item.id === nextId ? currentItem : item
  );

  this.setState(prevState => ({items});
}

answered Feb 6, 2020 at 16:04

Olivier Boissé

18.5k7 gold badges54 silver badges70 bronze badges

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

1 Comment

Negant Over a year ago

This is it, thanks. Just modyfied a little.

handleDuplicate = (id, nextId) => {   const currentItem = this.state.items[id];   const items = this.state.items.map(     item => item.id === nextId+1 ? currentItem : item,   );    this.setState({items}); }

Collectives™ on Stack Overflow

Replacing object in array with another object, ReactJS

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related