@utilityjs/use-on-change

A React hook that invokes a callback anytime a value changes.

Usage no npm install needed!

<script type="module">
  import utilityjsUseOnChange from 'https://cdn.skypack.dev/@utilityjs/use-on-change';
</script>

README

useOnChange

A React hook that invokes a callback anytime a value changes.

npm i @utilityjs/use-on-change | yarn add @utilityjs/use-on-change

Usage

import useOnChange from "@utilityjs/use-on-change";
import * as React from "react";

const MyComponent = (props) => {
  useOnChange(props.isOpen, (currentOpenState) => {
    console.log(`The current open state is: ${currentOpenState}`);
  })

  return ...;
};

API

`useOnChange(value, onChange)`

declare const useOnChange: <T>(value: T, onChange: (current: T) => void) => void;

`value`

The value to listen on.

`onChange`

The callback that is called when value changes.