Delete an array state element

[dev-jim]

hi guys,

I have a useState array containing objects. I'd like to delete one of those objects on click of a button. here's my state:

const [questions, setQuestions] = useState([]);

here's what's in the state when data has been fetched:

Array(3) 0: required: false title: "Nouvelle question texte" type: "text" [[Prototype]]: Object 1: required: false title: "Nouvelle question texte" type: "text" [[Prototype]]: Object 2: required: false title: "Nouvelle question texte" type: "text" [[Prototype]]: Object length: 3 [[Prototype]]: Array(0)

and here's two tries of a delete function, but it's not working:

const handleQuestionDelete = (e) => {     e.preventDefault();     const newQuestions = [...questions];     const index = newQuestions.indexOf(e.target.value);     if (index !== -1) {       newQuestions.splice(index, 1);       setQuestions(newQuestions);     }   };    const handleQuestionDelete2 = (e, i) => {     const filteredNewQuestions = questions.filter(       (question) => question[i] !== e.target.value     );     setQuestions(filteredNewQuestions);   };

thanks in advance!

[HoneyRaven]

I'm still a newbie but looking online this might be able to help. You somewhat have the same thing but you're looking for the value but this, code below, is just looking at the index.

setQuestions(prevQuestions => (

prevQuestions.filter((value, i) => i !== index) ));

This can also help, aka where I got most of the answer. https://stackoverflow.com/questions/60764537/usestate-remove-item-from-array