问题描述
import React from "react";
import validation from "modules/validation";
import Router from "modules/router";
validation();
export default function App() {
return (
<Router />
);
}
我已经安装了一个基本的React应用程序,该应用程序目前仅加载一个使用react-router-dom来基于其Switch组件呈现页面的路由器。
这些页面将使用Formik和Yup进行表单处理和验证。
我遇到的问题是,在定义任何模式之前需要先配置Yup。
我尝试导入模块“ validation”,其中在导出函数中具有设置。
import * as yup from "yup";
export default () => {
yup.setLocale({
mixed: {
oneOf: "Please complete this question.",required: "Please complete this question.",},string: {
email: "This is not a valid email address.",});
};
不幸的是,这无法正常工作,因为yup不会更新它的错误消息。如果我将代码与React应用程序放在同一页面上,那么它将起作用。
所以基本上我的问题是,在呈现任何组件之前,在React应用启动时运行代码的最佳方法是什么。
解决方法
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@)