首页 > 其他分享 >react-hook-form 搭配 next-intl 国际化插件 处理form 表单错误

react-hook-form 搭配 next-intl 国际化插件 处理form 表单错误

时间:2024-09-02 20:40:31浏览次数:9  
标签:插件 error form intl ERROR state key TEXT

useEffect(() => {
		form.clearErrors()
		if (state && state.data) {
			router.push('/')
		}
		// 后台错误
		if (state && state.errorMessage) {
			// showErrorToast(t(state.errorMessage))
			showErrorToast(state.errorMessage)
		}
		// 参数校验错误
		if (state && state.error && Object.keys(state.error).length > 0) {
			const PHONE_ERROR_TEXT = t('LOGIN_PHONE_ERROR_TEXT')
			const LOGIN_PASSWORD_ERROR_TEXT = t('LOGIN_PASSWORD_ERROR_TEXT')
			for (const key in state.error) {
				if(key == formNames[0]){
					state.error[key] = [PHONE_ERROR_TEXT]
				}
				if(key == formNames[1]){
					state.error[key] = [LOGIN_PASSWORD_ERROR_TEXT]
				}
			}
			addServerErrors<LoginFormType>(state.error, form.setError)
		}
	}, [state, form])

  

  
addServerErrors 大致如下:
  setError(key as keyof T, { type: 'server', message: errorMessage, })

  

  

标签:插件,error,form,intl,ERROR,state,key,TEXT
From: https://www.cnblogs.com/xiaoyaoweb/p/18393469

相关文章

  • 博客园-awescnb插件-geek皮肤优化-表情配置
    ......
  • 解决WinForm程序在高DPI屏幕下界面缩放错误
    在高DPI设置下,WinForm应用程序的界面可能会出现扭曲或缩放不正确的问题。这是因为默认情况下,WinForm的布局和控件尺寸是基于标准DPI设计的,当在高DPI环境下运行时,界面可能会被强制缩放,导致控件排列不正确或模糊。要解决这个问题,你可以尝试以下几种方法:1.启用DPI感知(DPI......
  • 用了这款 Notion 汉化插件,我的工作效率提升了300%
    作者:苍何,前大厂高级Java工程师,阿里云专家博主,2023年实力新星,土木转码,现任部门技术leader,专注于互联网技术分享,职场经验分享。大家好,我是苍何。今天给大家分享Notion汉化插件,提高工作效率。Notion,作为一款广受欢迎的笔记和组织工具,已在全球范围内获得了广泛的用户基础。然而......
  • Transformer模型入门:简单而直观的解释
    Transformer模型入门:简单而直观的解释引言你是否曾经对现代人工智能如何理解和生成人类语言感到好奇?今天,我们将以一种前所未有的简单方式来解释Transformer模型-这个革命性的AI架构。Transformer的核心:问答结构想象一下,如果我们可以将所有的问题都简化为"问题-答......
  • 实现AI带货直播需要开发一个插件!
    在电商行业蓬勃发展的今天,直播带货已成为商家们竞相追逐的新风口,而随着人工智能(AI)技术的日益成熟,将AI融入带货直播,无疑将为这一领域带来革命性的变化。直播带货以其独特的互动性和即时性,迅速赢得了消费者的青睐,然而,传统直播带货模式在商品推荐、互动引导等方面仍存在一定的局限性......
  • Winform点击按钮Panle切换页面的实现
    一、项目结构二、主界面Main.csPanelName:panel1 三、代码实现namespace测试窗口切换{publicpartialclassMain:Form{//先定义对应的私有字段privateCmmPage_cmmPage;privateTwoPage_twoPage;publicMain()......
  • 视频号的视频怎么下载?教你用油猴(Tampermonkey)插件来下载视频
     这个视频号的下载方法支持手机和电脑,请看教程一、环境准备  微信文件传输助手网页版 :微信文件传输助手网页版1.edge(电脑端)下载TampermonkeyTampermonkey-MicrosoftEdgeAddons安装后右上角扩展会有一个黑色的图标​​​2.手机端安装浏览器苹果端:亚瑟浏览器......
  • conda环境下安装pysctransform
    要在Conda环境中安装一个程序的软件包,可以按照以下步骤进行操作。这里的步骤包括克隆GitHub仓库,安装所需的Python包,并最终安装pySCTransform。1.创建并激活一个新的Conda环境首先,创建并激活一个新的Conda环境以避免影响到其他项目:condacreate--namepysc_envpyt......
  • 第4种打整包插件(二),springboot类加载器
    最近在搞一个动态加载外部jar包,进行动态加载和调用的项目,外部包的类加载用继承于URLClassLoader类加载器的一个自定义类加载器,为的是打破原始的双亲委派机制。项目内部类就用项目自己的默认类加载器,最开始用的是ClassLoader.getSystemClassLoader()即AppClassLoader。ok,然后再IDE......
  • 六,Spring Boot 容器中 Lombok 插件的详细使用,简化配置,提高开发效率
    六,SpringBoot容器中Lombok插件的详细使用,简化配置,提高开发效率@目录六,SpringBoot容器中Lombok插件的详细使用,简化配置,提高开发效率1.Lombok介绍2.Lombok常用注解[email protected]@[email protected]@AllArgsConstructor2.5@NoArgsConstructor3.在idea中安装......