mirror of
https://github.com/streamich/react-use.git
synced 2026-01-25 14:17:16 +00:00
33 lines
517 B
Markdown
33 lines
517 B
Markdown
# `useOutsideClick`
|
|
|
|
React UI hook that triggers a callback when user
|
|
clicks outside the target element.
|
|
|
|
Requires `use-onclickoutside`:
|
|
```bash
|
|
npm add use-onclickoutside
|
|
# or
|
|
yarn add use-onclickoutside
|
|
```
|
|
|
|
## Usage
|
|
|
|
```jsx
|
|
import {useOutsideClick} from 'react-use';
|
|
|
|
const Demo = () => {
|
|
const ref = useRef(null);
|
|
useOutsideClick(ref, () => {
|
|
console.log('OUTSIDE CLICKED');
|
|
});
|
|
|
|
return (
|
|
<div ref={ref} style={{
|
|
width: 200,
|
|
height: 200,
|
|
background: 'red',
|
|
}} />
|
|
);
|
|
};
|
|
```
|