Breaking News: Grepper is joining You.com. Read the official announcement!

How to setup React Context, useContext Hook

ju5tACoder answered on September 21, 2020 Popularity 10/10 Helpfulness 3/10

answer How to setup React Context, useContext Hook

related usecontext hook

How to setup React Context, useContext Hook

Comment

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;

Popularity 10/10 Helpfulness 3/10 Language javascript

Source: github.com

Tags: hook javascript use-context

Link to this answer
Share Copy Link

Contributed on Dec 07 2021

ju5tACoder

0 Answers Avg Quality 2/10

Closely Related Answers

usecontext hook

Comment

import React, { useContext } from "react";
import ColorContext from "./colorcontex.ts";

const MyComponent = () => {
  const colors = useContext(ColorContext);

  return <div style={{ backgroundColor: colors.blue }}>...</div>;
};import React, { useContext } from "react";

const MyComponent = () => {
  const colors = useContext(ColorContext);

  return <div style={{ backgroundColor: colors.blue }}>...</div>;
};

Popularity 10/10 Helpfulness 3/10 Language javascript

Source: Grepper

Tags: hook

Link to this answer
Share Copy Link

Contributed on Sep 21 2020

Salo Hopeless

0 Answers Avg Quality 2/10

How to setup React Context, useContext Hook

Contents

More Related Answers

How to setup React Context, useContext Hook

Closely Related Answers

usecontext hook

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.