How To Remove An Item From Array If It's Been Clicked (and If It Already Has Been Previously Added To An Array)?

How do you remove an item from array if it's been clicked (and if it already has been previously added to an array)? I have a Framer X (React) prototype which pulls down football b

Solution 1:

Array.splice() can also be used to remove an element from an array.

data.chosenBets.splice(index, 1); // Deletes the element at specified index.

Also, adding to chosenBets array looks wrong. Second argument should be 0 when adding.

data.chosenBets.splice(index, 0, obj); // Adds the element at specified index.

Then onClick() function would look like

onClick(obj, index) {
  if (data.chosenBets[index]) {
    // Remove object.
    data.chosenBets.splice(index, 1);
  } else {
    // Add object.
    data.chosenBets.splice(index, 0, obj); 
  }
}