useObservable

React state hook that tracks the latest value of an Observable.

用法

  1. import {useObservable} from 'react-use';
  2. const counter$ = new BehaviorSubject(0);
  3. const Demo = () => {
  4. const value = useObservable(counter$, 0);
  5. return (
  6. <button onClick={() => counter$.next(value + 1)}>
  7. Clicked {value} times
  8. </button>
  9. );
  10. };