Почему возникает ошибка при действии delete?

Question

[dfv123]

Помогите исправить ошибку при действии delete ума не приложу что не так.
https://codesandbox.io/s/k5z5z46zl3

Answer 1

[Антон Спирин]

Вы задаете начальное такое начальное состояние:
{ tweets: tweets.data }
А потом пытаетесь на нем вызвать метод массива filter, когда состояние является объектом.

Исправьте редьюсер так:

const reducer = (state = { tweets: tweets.data }, action) => {
  switch (action.type) {
    case 'DELETE': {
      return {
        ...state,
        tweets: state.tweets.filter(value => value.id !== action.id),
        };
    }
    default:
      return state;
  }
};

Демо: https://codesandbox.io/s/n5wlj8wq34

Comments

[dfv123]

Благодарю.

[davidnum95]

filter итак новый массив возвращает. Можно просто:

tweets: state.tweets.filter(value => value.id !== action.id)

[Антон Спирин]

davidnum95, верно, тупанул. Спасибо.