一、错误消息
今天再写react嵌套路由时报了这样一个错误:
ackend_compact.js:2367 Warning: Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn’t have a dependency array, or one of the dependencies changes on every render.
二、解决问题
1.后来我在网上查询了这个错误,但是大部分都是setState引起的,和我的不同,我是写路由引起这个问题的。但是我注意到了一句话,这个问题主要是引发了页面不断render,陷入死循环,从而报这个错误的。
2.查看我的路由:
我这里写了两个<Route path="*" element={<Navigate to="。。。" />} />
左边的是一级路由,右边的是二级路由
这里只需要把右边的<Route path="*" element={<Navigate to="。。。" />} />
删除就好了