首页 > 其他分享 >全栈的自我修养 ———— react未知地址默认导航至404页面

全栈的自我修养 ———— react未知地址默认导航至404页面

时间:2024-04-08 13:01:02浏览次数:19  
标签:errorElement element react 全栈 404 errorPage 根目录 path

方法1

在根目录上添加一个errorElement

  {
    path: '/',
    element: <Navigate to="/public/index" replace />,
    errorElement: <div>errorPage</div>
  },

方法2

  {
    path: '*',
    element: <div>errorPage</div>,
  }

标签:errorElement,element,react,全栈,404,errorPage,根目录,path
From: https://blog.csdn.net/2401_82752568/article/details/137440643

相关文章

  • React中的Hooks---useEffect
    简介什么是ReactHooksReactHooks是在React16.8版本中引入的一项重大特性,旨在解决函数组件在复杂场景下的状态管理和生命周期问题。它们允许在不编写类组件的情况下使用state、生命周期方法等功能,使得函数组件更加简洁、易于理解和复用。作为ReactHooks的核心成员之一,useEf......
  • 技术栈20240403
        后端技术栈主框架:SpringBoot+SpringFramework持久层架:MyBatis-Plus数据库连接池:AlibabaDruid多数据源:Dynamic-Datasource数据库兼容:MySQL、SQLServer、Oracle、PostgreSQL、达梦数据库、人大金仓数据库分库分表解决方案:ApacheShardingSphere权......
  • React爬坑秘籍(一)——提升渲染性能
    React爬坑秘籍(一)——提升渲染性能前言来到腾讯实习后,有幸八月份开始了腾讯办公助手PC端的开发。因为办公助手主推的是移动端,所以导师也是大胆的让我们实习生来技术选型并开发,他来做codereview。之前也学习过React,当然也是非常合适这一次的开发。我会梳理这一个月来,自己对架构......
  • 20240407
    T1TopcoderSRM583div1Medium-TurnOnLamps发现取反一条路径相当于把两个端点到根的路径分别取反。所以只要考虑到根的情况。设\(f[i]\)表示\(i\)子树内所有边都合法的最小操作次数,则每个点只要把所有儿子的\(f\)加过来然后看到儿子的每条边是否合法即可。代码#i......
  • react中路由传参和url传参
    一、如果路由跳转的页面是必须要一个参数的,那么可以在路由配置文件中的path中添加要传递参数的参数名。path:'account-info/:id'接受参数的时候使用react-router-dom中的useParams函数就可以了。const{id}=useParams()二、如果需要跳转的页面可以有参数也可以没有,使......
  • 【办公类-21-14】 20240406三级育婴师 344道多选题 UIBOT下载+整理
     作品展示背景需求培训机构提供了两个理论学习素材问题:1、电子稿:打印页数很多,按章节,题型混在一起的,只有答案,没有说明,2、APP版,操作方便,有错题集,也只有答案,没有解析说明。但是APP只能一道题一道题看,不如纸质的可宏观看所有题。很多老师问我有没有分类(判断、多选、......
  • 【办公类-48-02】20240407每月电子屏台账汇总成docx-2(腾讯文档xlsx导入docx,每页20条)
    作品展示背景需求:安全主任再次催交台账一分园老师发的是链接版——这是我原来制作的在线共享填写“腾讯文档”。但是感觉手机竖版填写起来不方便,(表格是横版的,要向右滑动点击格子,填起来容易错行),所以我推荐使用问卷星填写了。腾讯文档里面是选择按钮填入信息,也是所有数据......
  • React 学习之 Hello World
    React学习之HelloWorldReact简介React是一个用于构建用户界面的JavaScript库,由Facebook开发并维护。React通过声明式的方式来构建UI,使得代码更易于理解和测试。React的核心概念包括组件(Component)和虚拟DOM(VirtualDOM)。组件:在React中,UI被构建为组件的集合。组件是封装了HTM......
  • 前端全栈echarts实时制作。node.js写后端api接口。
    首先先介绍一下我这个实时可视化的流程:先写后端→写html网页结构→echarts画图→获取api接口数据→做实时可视化。总体来说就是要做一个实时可视化。不说怎么多了我直接开始操作,这次可能不会一下全部写完,但后面会接着继续完善此博客呢。一:node.js写api接口非常的简单,直接一......
  • 使用 HTMX 和 Bun 进行全栈 Web 开发
    将HTMX放在前端,Bun放在后端,然后将它们与Elysia和MongoDB连接起来,形成快速便捷的技术栈,使开发Web应用程序变得轻而易举。Bun和HTMX是目前软件领域最有趣的两个事情。Bun是一个速度极快的一体化服务器端JavaScript平台,而HTMX是一种HTML扩展,用于创建简单......