Learn React Hooks

Handling error state

We have already handled the loading state in the ChangeTheme component. Now, we are going to implement the error state for posts.

Let's get started handling the error state for posts:

1. In src/reducers.js, define a new errorReducer function with a new action type, POSTS_ERROR:

function errorReducer (state, action) {    switch (action.type) {        case 'POSTS_ERROR':            return 'Failed to fetch posts'        default:            return state    }}

2. Add the errorReducer function to our appReducer function:

export default function appReducer (state, action) {    return {        user: userReducer(state.user, action),        posts: postsReducer(state.posts, action),        error: errorReducer(state.error, action)    }}

3. In src/App.js, adjust the default state of our Reducer Hook: