feat: add missing propTypes
This commit is contained in:
@@ -1,7 +1,10 @@
|
||||
import * as React from 'react';
|
||||
import { FormProvider, useForm, useWatch } from 'react-hook-form';
|
||||
import PropTypes from 'prop-types';
|
||||
|
||||
const noop = () => null;
|
||||
export default function Form(props) {
|
||||
|
||||
function Form(props) {
|
||||
const {
|
||||
children,
|
||||
onSubmit = noop,
|
||||
@@ -11,22 +14,27 @@ export default function Form(props) {
|
||||
mode = 'all',
|
||||
...formProps
|
||||
} = props;
|
||||
|
||||
const methods = useForm({
|
||||
defaultValues,
|
||||
reValidateMode: 'onBlur',
|
||||
resolver,
|
||||
mode,
|
||||
});
|
||||
|
||||
const form = useWatch({ control: methods.control });
|
||||
|
||||
/**
|
||||
* For fields having `dependsOn` fields, we need to re-validate the form.
|
||||
*/
|
||||
React.useEffect(() => {
|
||||
methods.trigger();
|
||||
}, [methods.trigger, form]);
|
||||
|
||||
React.useEffect(() => {
|
||||
methods.reset(defaultValues);
|
||||
}, [defaultValues]);
|
||||
|
||||
return (
|
||||
<FormProvider {...methods}>
|
||||
<form onSubmit={methods.handleSubmit(onSubmit)} {...formProps}>
|
||||
@@ -35,3 +43,14 @@ export default function Form(props) {
|
||||
</FormProvider>
|
||||
);
|
||||
}
|
||||
|
||||
Form.propTypes = {
|
||||
children: PropTypes.node,
|
||||
defaultValues: PropTypes.object,
|
||||
onSubmit: PropTypes.func,
|
||||
render: PropTypes.func,
|
||||
resolver: PropTypes.func,
|
||||
mode: PropTypes.oneOf(['onChange', 'onBlur', 'onSubmit', 'onTouched', 'all']),
|
||||
};
|
||||
|
||||
export default Form;
|
||||
|
Reference in New Issue
Block a user