mirror of
https://github.com/streamich/react-use.git
synced 2025-12-08 18:02:14 +00:00
31 lines
601 B
Markdown
31 lines
601 B
Markdown
# `useShallowCompareEffect`
|
|
|
|
A modified useEffect hook that is using shallow comparison on each of its dependencies instead of reference equality.
|
|
|
|
## Usage
|
|
|
|
```jsx
|
|
import {useCounter, useShallowCompareEffect} from 'react-use';
|
|
|
|
const Demo = () => {
|
|
const [count, {inc: inc}] = useCounter(0);
|
|
const options = { step: 2 };
|
|
|
|
useShallowCompareEffect(() => {
|
|
inc(options.step)
|
|
}, [options]);
|
|
|
|
return (
|
|
<div>
|
|
<p>useShallowCompareEffect: {count}</p>
|
|
</div>
|
|
);
|
|
};
|
|
```
|
|
|
|
## Reference
|
|
|
|
```ts
|
|
useShallowCompareEffect(effect: () => void | (() => void | undefined), deps: any[]);
|
|
```
|