What is wrong with my redux dispatch statement?

Question

I am getting data from local storage and wanna dispatch a redux function. But I think the action is not calling the try block in the function.

In the redux

export function testLogin(loginStatus) {
  return async dispatch => {
    try {
    alert('me here')
      dispatch({
        type: TEST_LOGIN_STATUS,
        payload: loginStatus,
      });
    } catch (error) {
      console.log('not logged in');
    }
  };
}

export const authReducer = (state = initialState, action) => {
  switch (action.type) {
    case LOGGED_IN:
      return {...state, token: action.payload, loggedIn: true};
    case TEST_LOGIN_STATUS:
      return {...state, loggedIn: action.payload};
    default:
      return state;
  }
};

as you can see I am getting the status as param for testLogin action function.

Here is what I am doing in the Home screen.When user open the app. I need to test if the user is logged in or not by checking the local storage

useEffect(() => {
        async function getStorageValue() {
            let value;
            try {
                value = await AsyncStorage.getItem('isLoggedIn');
                if (value === 'true') {
                    dispatch(testLogin(true));
                } else {
                    dispatch(testLogin(false));
                }
            } catch (e) {
                // handle here
            } finally {
            }
        }
        getStorageValue();
    }, []);

Since Async storage accept only strings in am testing the value and returning true or false.

The thing is even if I am logged in. The when I check the redux loginStatus I am always logged out . Is there anything wrong with dispatch function?

Answer 1

It looks like testLogin is a higher order function. i.e. it returns a function that accepts dispatch as an argument.

In your useEffect try block try the following:

testLogin(value === 'true')(dispatch)

(replacing the if/else)