useFormform
K
S
S
SKuseFormformuseFormonSubmithandleSubmitNote: you can ask me a follow up question by @ mentioning me again
KSSSK
KuseFormformuseFormuseFormformuseFormNote: you can ask me a follow up question by @ mentioning me againuseForm<Form><Form><Form>useFormuseFormuseFormuseFormNote: you can ask me a follow up question by @ mentioning me againuseFormuseEffectuseFormuseEffectuseEffectuseFormNote: you can ask me a follow up question by @ mentioning me againformSubmissionFormFormformPropsformPropsformProps{...formProps}form.resetFields()form.setFieldsValue({}) const { formProps, onFinish } = useForm({
action: "create",
dataProviderName: PROVIDERS.LEARNING_LAB,
resource: process.env.REACT_APP_LOGIN_PATH
})const {
control,
handleSubmit,
watch,
formState: { errors },
} = useForm <IFormValue>
{
mode: "onChange",
defaultValues,
resolver: yupResolver(schema),
};
const handleSubmission = (data: any) => console.log(data); <form
onSubmit={handleSubmit(formSubmission)}
style={{ display: "flex", flexDirection: "column" }}
>
...
</form> <Form name="connect" {...formProps} onFinish={handleFinish} size="large" className="form">const {
control,
handleSubmit,
watch,
formState: { errors },
} = useForm({
mode: "onChange",
defaultValues,
}); import { Edit, useForm } from "@refinedev/antd";
import { Form, Input } from "antd";
const PostEdit: React.FC = () => {
const { formProps, saveButtonProps } = useForm<IPost>();
return (
<Edit saveButtonProps={saveButtonProps}>
<Form {...formProps} layout="vertical">
<Form.Item
label="Title"
name="title"
rules={[
{
required: true,
},
]}
>
<Input />
</Form.Item>
</Form>
</Edit>
);
}; ....
const { form, formProps, onFinish } = useForm<any>({
action: "create",
dataProviderName: PROVIDERS.LEARNING_LAB,
resource: process.env.REACT_APP_LOGIN_PATH!+`?${query}`
})
useEffect(() => {
form.resetFields();
form.setFieldsValue({});
}, [])
if(isLoadingAuths || isLoadingClients) return <></>
const handleFinish = (values: any) => {
onFinish(values)
.then(d => console.log(d))
.catch(() => {})
}
return (
<div className="container">
<ConfigProvider theme={{token: { colorPrimary: clientDetails?.color ?? "" }}}>
<Form name="connect" onFinish={handleFinish} {...formProps} size="large" className="form">
...
</Form>
</ConfigProvider>
</div>
)// useEffect(() => {
// form.resetFields();
// form.setFieldsValue({});
// }, [])