/Javascript/React/How to setup React Context, useContext Hook

How to setup React Context, useContext Hook

export const AuthContext = createContext(INITIAL_STATE);

export const AuthContextProvider = ({ children }) => {
  const [state, dispatch] = useReducer(authReducer, INITIAL_STATE);

  useEffect(() => {
    localStorage.setItem("user", JSON.stringify(state.user));
  }, [state]);

  return (
    <AuthContext.Provider
      value={{
        user: state.user,
        isFetching: state.isFetching,
        error: state.error,
        dispatch,
      }}
    >
      {children}
    </AuthContext.Provider>
  );
};

export default AuthContext;

Source: github.com

Similar codes

1 vote240 views1 answer
How to get the value of textarea in react
Javascript React
8 votes245 views4 answers
React multiple classnames
Javascript React
0 vote244 views1 answer
How to write unit test cases in react js
Javascript React
0 vote254 views1 answer
Force users to update your application in React Native
Javascript React
0 vote263 views1 answer
React js practical tutorial
Javascript React
4 votes241 views2 answers
React multiple select dropdown
Javascript React
0 vote254 views1 answer
How to disable RectButton from react-native-gesture-handler
Javascript React
2 votes297 views2 answers
Prevent a page from refreshing in react
Javascript React
0 vote252 views1 answer
Formdata append react js
Javascript React
1 vote236 views1 answer
React native android padding style
Javascript React