react persist context api

Singh99 answered on December 11, 2023 Popularity 5/10 Helpfulness 1/10

answer react persist context api

react persist context api

Comment

// ...

const INITIAL_COUNT = 0;
const CounterContextProvider = ({ children }) => {
  const [count, setCount] = useState(INITIAL_COUNT);

  const increment = () => setCount((c) => c + 1);
  const decrement = () => setCount((c) => c - 1);

  useEffect(() => {
    AsyncStorage.getItem('DEMO_APP::COUNT_VALUE').then((value) => {
      if (value) {
        setCount(parseInt(value));
      }
    });
  }, []);

  useEffect(() => {
    if (count !== INITIAL_COUNT) {
      AsyncStorage.setItem('DEMO_APP::COUNT_VALUE', `${count}`);
    }
  }, [count]);

  return (
    <CounterContext.Provider value={{ count, increment, decrement }}>
      {children}
    </CounterContext.Provider>
  );
};

// ...

Popularity 5/10 Helpfulness 1/10 Language javascript

Source: www.reactnativeschool.com

Tags: api javascript persist

Link to this answer
Share Copy Link

Contributed on Dec 11 2023

Singh99

0 Answers Avg Quality 2/10

react persist context api

Contents

More Related Answers

react persist context api

Grepper

Documentation

Social

Legal

Contact

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