我如何在React应用启动时设置模块/代码

如何解决我如何在React应用启动时设置模块/代码

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应用启动时运行代码的最佳方法是什么。