From 1b89cb6bbdf6bfe3455a2257380993d1c5bace02 Mon Sep 17 00:00:00 2001 From: FatttSnake Date: Thu, 13 Jun 2024 15:17:18 +0800 Subject: [PATCH] Fix(Form): Fix ref error --- src/pages/Sign/SignIn.tsx | 9 ++++++--- src/pages/System/Settings/Mail.tsx | 4 ++-- src/pages/System/Tools/Base.tsx | 8 ++++---- src/pages/System/Tools/Template.tsx | 8 ++++---- src/pages/System/User.tsx | 4 ++-- src/pages/Tools/index.tsx | 4 ++-- src/pages/User/index.tsx | 22 ++++++++++++++-------- 7 files changed, 34 insertions(+), 25 deletions(-) diff --git a/src/pages/Sign/SignIn.tsx b/src/pages/Sign/SignIn.tsx index a81563a..c6d7258 100644 --- a/src/pages/Sign/SignIn.tsx +++ b/src/pages/Sign/SignIn.tsx @@ -124,10 +124,13 @@ const SignIn = () => { <> { + ref={() => { setTimeout(() => { - // eslint-disable-next-line @typescript-eslint/no-unsafe-call,@typescript-eslint/no-unsafe-member-access - ref?.getFieldInstance('twoFactorCode').focus() + // eslint-disable-next-line @typescript-eslint/no-unsafe-call + twoFactorForm + .getFieldInstance('twoFactorCode') + // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access + .focus() }, 50) }} > diff --git a/src/pages/System/Settings/Mail.tsx b/src/pages/System/Settings/Mail.tsx index 9347d8f..66734fa 100644 --- a/src/pages/System/Settings/Mail.tsx +++ b/src/pages/System/Settings/Mail.tsx @@ -29,10 +29,10 @@ const Mail = () => { <> { + ref={() => { setTimeout(() => { // eslint-disable-next-line @typescript-eslint/no-unsafe-call,@typescript-eslint/no-unsafe-member-access - ref?.getFieldInstance('to').focus() + mailSendForm?.getFieldInstance('to').focus() }, 50) }} > diff --git a/src/pages/System/Tools/Base.tsx b/src/pages/System/Tools/Base.tsx index 46a313d..6cee084 100644 --- a/src/pages/System/Tools/Base.tsx +++ b/src/pages/System/Tools/Base.tsx @@ -623,10 +623,10 @@ const Base = () => { content: ( { + ref={() => { setTimeout(() => { // eslint-disable-next-line @typescript-eslint/no-unsafe-call,@typescript-eslint/no-unsafe-member-access - ref?.getFieldInstance('fileName').focus() + addFileForm?.getFieldInstance('fileName').focus() }, 50) }} > @@ -817,10 +817,10 @@ const Base = () => { content: ( { + ref={() => { setTimeout(() => { // eslint-disable-next-line @typescript-eslint/no-unsafe-call,@typescript-eslint/no-unsafe-member-access - ref?.getFieldInstance('fileName').focus() + renameFileForm?.getFieldInstance('fileName').focus() }, 50) }} > diff --git a/src/pages/System/Tools/Template.tsx b/src/pages/System/Tools/Template.tsx index b3f79d9..310793f 100644 --- a/src/pages/System/Tools/Template.tsx +++ b/src/pages/System/Tools/Template.tsx @@ -477,10 +477,10 @@ const Template = () => { content: ( { + ref={() => { setTimeout(() => { // eslint-disable-next-line @typescript-eslint/no-unsafe-call,@typescript-eslint/no-unsafe-member-access - ref?.getFieldInstance('fileName').focus() + addFileForm?.getFieldInstance('fileName').focus() }, 50) }} > @@ -672,10 +672,10 @@ const Template = () => { content: ( { + ref={() => { setTimeout(() => { // eslint-disable-next-line @typescript-eslint/no-unsafe-call,@typescript-eslint/no-unsafe-member-access - ref?.getFieldInstance('fileName').focus() + renameFileForm?.getFieldInstance('fileName').focus() }, 50) }} > diff --git a/src/pages/System/User.tsx b/src/pages/System/User.tsx index 9b67fb1..1ce8c2a 100644 --- a/src/pages/System/User.tsx +++ b/src/pages/System/User.tsx @@ -351,10 +351,10 @@ const User = () => { style={{ marginTop: 20 }} labelCol={{ span: 6 }} wrapperCol={{ span: 18 }} - ref={(ref) => { + ref={() => { setTimeout(() => { // eslint-disable-next-line @typescript-eslint/no-unsafe-call,@typescript-eslint/no-unsafe-member-access - ref?.getFieldInstance('password').focus() + changePasswordForm?.getFieldInstance('password').focus() }, 50) }} > diff --git a/src/pages/Tools/index.tsx b/src/pages/Tools/index.tsx index a7bfe6a..f9bd850 100644 --- a/src/pages/Tools/index.tsx +++ b/src/pages/Tools/index.tsx @@ -264,10 +264,10 @@ const Tools = () => { <> { + ref={() => { setTimeout(() => { // eslint-disable-next-line @typescript-eslint/no-unsafe-call,@typescript-eslint/no-unsafe-member-access - ref?.getFieldInstance('toolId').focus() + upgradeForm?.getFieldInstance('toolId').focus() }, 50) }} labelCol={{ span: 4 }} diff --git a/src/pages/User/index.tsx b/src/pages/User/index.tsx index f470ff4..10c0eaf 100644 --- a/src/pages/User/index.tsx +++ b/src/pages/User/index.tsx @@ -125,10 +125,10 @@ const User = () => { style={{ marginTop: 20 }} labelCol={{ span: 6 }} wrapperCol={{ span: 18 }} - ref={(ref) => { + ref={() => { setTimeout(() => { // eslint-disable-next-line @typescript-eslint/no-unsafe-call,@typescript-eslint/no-unsafe-member-access - ref?.getFieldInstance('originalPassword').focus() + changePasswordForm?.getFieldInstance('originalPassword').focus() }, 50) }} > @@ -258,10 +258,13 @@ const User = () => { <> { + ref={() => { setTimeout(() => { - // eslint-disable-next-line @typescript-eslint/no-unsafe-call,@typescript-eslint/no-unsafe-member-access - ref?.getFieldInstance('twoFactorCode').focus() + // eslint-disable-next-line @typescript-eslint/no-unsafe-call + twoFactorForm + ?.getFieldInstance('twoFactorCode') + // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access + .focus() }, 50) }} > @@ -347,10 +350,13 @@ const User = () => { { + ref={() => { setTimeout(() => { - // eslint-disable-next-line @typescript-eslint/no-unsafe-call,@typescript-eslint/no-unsafe-member-access - ref?.getFieldInstance('twoFactorCode').focus() + // eslint-disable-next-line @typescript-eslint/no-unsafe-call + twoFactorForm + ?.getFieldInstance('twoFactorCode') + // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access + .focus() }, 50) }} >