imbhargav5@rooks/use-outside-click
Note: Future updates to this package have moved to the main package rooks. All hooks now reside in a single package which you can install using
npm install rooksor
yarn add rooksRooks is completely treeshakeable and if you use only 1 of the 50+ hooks in the package, only that hook will be bundled with your code. Your bundle will only contain the hooks that you need. Cheers!
About
Outside click(for a ref) event as hook for React.
Installation
npm install --save @rooks/use-outside-clickImporting the hook
import useOutsideClick from "@rooks/use-outside-click";Usage
function Demo() {
const pRef = useRef();
function outsidePClick() {
alert("Clicked outside p");
}
useOutsideClick(pRef, outsidePClick);
return (
<div>
<p ref={pRef}>Click outside me</p>
</div>
);
}
render(<Demo />);