react-use/stories/useObservable.story.tsx
2020-09-18 15:09:32 +02:00

17 lines
550 B
TypeScript

import { storiesOf } from '@storybook/react';
import * as React from 'react';
import { BehaviorSubject } from 'rxjs';
import { useObservable } from '../src';
import ShowDocs from './util/ShowDocs';
const counter$ = new BehaviorSubject(0);
const Demo = () => {
const value = useObservable(counter$, 0);
return <button onClick={() => counter$.next(value! + 1)}>Clicked {value} times</button>;
};
storiesOf('State/useObservable', module)
.add('Docs', () => <ShowDocs md={require('../docs/useObservable.md')} />)
.add('Demo', () => <Demo />);