Why is there an error on the delete action?

Question

React

Help me fix the error with the delete action I can't imagine what's wrong.
https://codesandbox.io/s/k5z5z46zl3

Answer 1

You set an initial initial state like this: And then you try to call the filter array method on it when the state is an object. Fix the reducer like this:

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;
  }
};

Demo: https://codesandbox.io/s/n5wlj8wq34