useWatch
A custom React hook that leverages the useEffect hook to watch for changes in dependencies and execute a callback function.
Installation
Install the use-watch-effect package using npm:
npm install use-watch-effector using Yarn:
yarn add use-watch-effectUsage
Import the use-watch-effect hook in your React component:
import React from 'react';
import useWatch from 'use-watch-effect';Use the useWatch hook in your component:
const MyComponent = () => {
useWatch((preDependency1,preDependency2) => {
if(preDependency1!==dependency1){
console.log('Dependencie1 have changed!');
}
if(preDependency2!==dependency2){
console.log('Dependencie2 have changed!');
}
}, [dependency1, dependency2]);
// Your component code here
};