React路由器(V6)便利笔记，三个

一个。路由表useRoutes的使用首先我们观察一下这样一种情况：如果Routes过多，整个组件会显得臃肿，而这些信息似乎并没有那么必要出现在我们的布局代码中。路由表就是由此产生的，这个hook主要是用来解决接口上Routes拥堵的问题。让我们解释一下使用规则。我们刚开始用的时候，还没有那么熟练。我不想急于将它们分开到另一个文件夹中。让我们在当前页面中引入它，并将当前页面想象成我们将从外部引入的路由。js。这样我们写起来会很方便，因为是显示在页面上的，可以复制比较。复制之后，直接把这个变量剪掉，然后导入（这个思路不仅适用于路由，所有页面的一些组件可以这样，可以先全部写在一个页面上，因为这样可读性是最高的，然后在结构和功能完全实现的时候，可以切掉一些可以复用或者不一定和页面组件耦合的方法或者变量。）下面整理一下useRoutes的用法，要用的话，得先介绍一下:先不要着急敲代码，先回顾一下组件是怎么用的，应该可以大致猜到Routes应该可以放很多路由应该是一个数组，然后观察大部分的Routetags是key=value结构，那么我们可以大致推断UserRouteshook应该接收一个数组，而数组中有多个对象，对象是{path="",element=XX}的写结构。在这里提醒一下同样在学习的同学，看到某个hook就迫不及待的敲代码，往后一靠，写下方法中的参数应该怎么写，一定要带着自己的思路去理解。那么开始写吧1.规划如何在当前页面启动变量名页面也是原封不动的。2.外部写路由表文件。在src下新建一个Routes文件夹，新建一个index.js文件导入相应的组件。返回App组件并删除无用的导入。整个页面变得很酷。我喜欢那个。