use-ref-deps-effect

Effect hooks that support "ref.current" dependency

Usage no npm install needed!

<script type="module">
  import useRefDepsEffect from 'https://cdn.skypack.dev/use-ref-deps-effect';
</script>

README

use-ref-deps-hook

Effect hooks that support "ref.current" dependency

Install

npm i use-ref-deps-hook

Example

import { useRefDepsEffect } from 'use-ref-deps-hook'

function Component({ outRef, prop }) {
    const inRef = useRef()

    useRefDepsEffect(() => {
        function onClick() {
            const value = inRef.current[prop]
            /* ... */
        }
        const el = outRef.current
        el.addEventListener('click', onClick)
        return () => {
            el.removeEventListener('click', onClick)
        }
    }, [outRef, inRef, prop])

    /* ... */
}

License

MIT