| | |
| | | const [form] = Form.useForm<XxxFormValues>(); |
| | | const { message } = AntdApp.useApp(); |
| | | |
| | | const handleFinish = async (values: XxxFormValues) => { |
| | | const handleFinish = (values: XxxFormValues) => { |
| | | setSubmitting(true); |
| | | try { |
| | | await saveXxx(values); |
| | | message.success('保存成功'); |
| | | form.resetFields(); |
| | | } catch (error) { |
| | | message.error(error instanceof Error ? error.message : '保存失败,请稍后重试'); |
| | | } finally { |
| | | setSubmitting(false); |
| | | } |
| | | saveXxx(values) |
| | | .then(() => { |
| | | message.success('保存成功'); |
| | | form.resetFields(); |
| | | }) |
| | | .catch((error) => { |
| | | message.error(error instanceof Error ? error.message : '保存失败,请稍后重试'); |
| | | }) |
| | | .finally(() => { |
| | | setSubmitting(false); |
| | | }); |
| | | }; |
| | | |
| | | return ( |
| | | <div className="xxx-page"> |
| | | <div className="page-header"> |
| | | <div> |
| | | <h1 className="page-header__title">页面标题</h1> |
| | | <p className="page-header__desc">页面说明。</p> |
| | | </div> |
| | | </div> |
| | | |
| | | <Card variant="borderless"> |
| | | <Form<XxxFormValues> |
| | | form={form} |