How to remove Item from an array with react and firebase

Question

When I add an item to the array it works but the splice does not.

const handleSportsFollowed = async (sport) => {
  if (selectedSports.includes(sport)) {
    selectedSports.splice(sport, 1);
    alert("Removed");
  } else {
    selectedSports.push(sport);
  }
}

I'm not very familiar with the splice method. You can have a look here MDN documentation. — Sophia Koulen
– Sophia Koulen, Commented May 20, 2022 at 10:01

Sophia Koulen · Accepted Answer · 2022-05-20 09:59:30Z

1

You can remove elements that are equal to sport from the array using:

selectedSports = selectedSports.filter(x => x != sport)

answered May 20, 2022 at 9:59

Sophia Koulen

3121 silver badge9 bronze badges

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

Comments

ketan · Accepted Answer · 2022-05-20 10:30:32Z

0

You need to find the index for splice. Check Document how splice work

const handleSportsFollowed = async (sport) => {
 if (selectedSports.includes(sport)) {
   selectedSports.splice(selectedSports.indexOf(sport), 1);
    console.log("if selectedSports ", selectedSports);
  } else {
     selectedSports.push(sport);
    console.log("else selectedSports", selectedSports);
  }

Working example

const selectedSports = ['Jan', 'March', 'April', 'June'];

const testFun = (sport) => {
if (selectedSports.includes(sport)) {
  selectedSports.splice(selectedSports.indexOf(sport), 1);
  console.log("selectedSports ", selectedSports);
} else {
  selectedSports.push(sport);
  console.log("selectedSports", selectedSports);
}
}

testFun("March");

edited May 20, 2022 at 10:30

answered May 20, 2022 at 10:25

ketan

19.4k42 gold badges68 silver badges107 bronze badges

Comments

Lee Taylor · Accepted Answer · 2022-05-20 20:36:43Z

0

const a = ['sport', 'sport1', 'sport2', 'sport3', 'sport3'];
const b = a.filter(x => x != 'sport');
console.log(b);

edited May 20, 2022 at 20:36

Lee Taylor

7,99416 gold badges38 silver badges53 bronze badges

answered May 20, 2022 at 10:19

prabhu g

1

Collectives™ on Stack Overflow

How to remove Item from an array with react and firebase

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related