Remove object by id from array in React hooks state

Question

How would I remove a specific id in this setup. I tried to use filter: setNotesDummyData(notesDummyData.filter((o) => { myCondition })); inside the onChangeItemName function but can't return right conditions so only one item will get removed.

const NotesContainer = ({

}) => {
  const [notesDummyData, setNotesDummyData] = useState([
    {
      id: '5',
      title: 'Holland',
    },
    {
      id: '7',
      title: 'Russia',
    },
  ]);

  const onChangeItemName = (itemId) => {

    //Remove item with specific itemId

  };

You need to return your condition to the filter and in wrapping your condition in {}-brackets, it does not get returned and thus not filtered. — Domino987
– Domino987, Commented Aug 2, 2019 at 10:45

AvcS · Accepted Answer · 2019-08-02 10:44:03Z

3

const onChangeItemName = (itemId) => {
    setNotesDummyData(notesDummyData.filter(({ id }) => id !== itemId));
};

answered Aug 2, 2019 at 10:44

AvcS

2,34313 silver badges19 bronze badges

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

1 Comment

Patrik Rikama-Hinnenberg Over a year ago

Yes, this works. How would I go about if I would like to .splice away that item?

Collectives™ on Stack Overflow

Remove object by id from array in React hooks state

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