Removing specific Element from an Array using findIndex() - React

Question

I've got this function that needs to delete an item thats clicked from the array. Im sure its a simple fix but its not deleting it from the array. I think its something to do with how Im executing the function in the button? IM not entirely sure. error: TypeError: e.findIndex is not a function

const deleteClaim = (claim,value) => {
  const index = claim.findIndex(element => element === value); // 1
  const result = claim.splice(index, 1);
  return result

}

the button is

      <button onClick={(e) => deleteClaim(claim, e.target.value)} >X </button>

'Result' is probably the correct answer. However, do you assign it back to the list? — Wimanicesir, Jun 21 '21 at 11:34
If this is react, you need to set the state with the updated array. — adiga, Jun 21 '21 at 11:39

score -1 · Answer 1 · answered Jun 21 '21 at 11:39

This is a small piece of code of my working project

selectedForDeleteArr is the array

function removeStatusEnum(id) {
if (selectedForDeleteArr.includes(id)) {
    let index = selectedForDeleteArr.indexOf(id)
    if (index > -1) {
        selectedForDeleteArr.splice(index, 1);
    }
    $("#sts_id" + id).removeClass("selected-to-delete")
} else {
    selectedForDeleteArr.push(id)
    $("#sts_id" + id).addClass("selected-to-delete")
}
console.log(selectedForDeleteArr)

}

Removing specific Element from an Array using findIndex() - React

1 Answers1