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

previous history in react

Fredrick Anyanwu answered on August 1, 2022 Popularity 7/10 Helpfulness 1/10

answer previous history in react

previous history in react

Comment

-1

import { useState, useEffect, useRef } from "react";
// Usage
function App() {
  // State value and setter for our example
  const [count, setCount] = useState(0);
  // Get the previous value (was passed into hook on last render)
  const prevCount = usePrevious(count);
  // Display both current and previous count value
  return (
    <div>
      <h1>
        Now: {count}, before: {prevCount}
      </h1>
      <button onClick={() => setCount(count + 1)}>Increment</button>
    </div>
  );
}
// Hook
function usePrevious(value) {
  // The ref object is a generic container whose current property is mutable ...
  // ... and can hold any value, similar to an instance property on a class
  const ref = useRef();
  // Store current value in ref
  useEffect(() => {
    ref.current = value;
  }, [value]); // Only re-run if value changes
  // Return previous value (happens before update in useEffect above)
  return ref.current;
}

Popularity 7/10 Helpfulness 1/10 Language javascript

Source: usehooks.com

Tags: history javascript

Link to this answer
Share Copy Link

Contributed on Aug 01 2022

Fredrick Anyanwu

0 Answers Avg Quality 2/10

previous history in react

Contents

More Related Answers

previous history in react

Grepper

Documentation

Social

Legal

Contact

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