DefinitelyTyped/types/react-hooks-helper/react-hooks-helper-tests.tsx
João Edmundo 901820825e Types for npm package: react-hooks-helper (#34711)
* feat: react hooks helper types
* fix: export module to umd
2019-04-17 12:42:56 -07:00

24 lines
769 B
TypeScript

import * as React from 'react';
import { useStep, useForm } from 'react-hooks-helper';
export const ReactHooksHelperTest: React.FunctionComponent = () => {
const { index, navigation } = useStep({ steps: 3 });
const [formData, setForm] = useForm({ name: '', city: '' });
return (
<>
<div id="step-1">
Step: {index}
<input name="name" onChange={setForm} />
<button onClick={navigation.next}>Next</button>
</div>
<div id="step-2">
Step: {index}
<input name="city" onChange={setForm} />
<button onClick={navigation.previous}>Back</button>
</div>
{JSON.stringify(formData)}
</>
);
};