为什么在使用react路由器进行路由后，图标不再加载？

在使用React路由器进行路由后，图标不再加载的原因可能是由于路由导致了组件的重新渲染，而图标的加载是在组件的初始渲染阶段完成的。当路由切换时，原先加载的组件会被卸载，再次切换回来时会重新加载组件，但由于图标已经加载过一次，浏览器会从缓存中读取图标资源，导致图标不再重新加载。

解决这个问题的方法可以是在路由切换时，通过设置key属性来强制React重新渲染组件。可以为路由组件添加一个唯一的key，例如使用路由路径作为key，这样每次路由切换时，组件都会被重新渲染，从而保证图标能够重新加载。

另外，还可以使用React的useEffect钩子函数来监听路由变化，并在路由变化时重新加载图标。可以在useEffect中监听location对象的变化，当路由发生变化时，重新加载图标资源。

以下是一个示例代码：

import { useEffect } from 'react';
import { useLocation } from 'react-router-dom';

function App() {
  const location = useLocation();

  useEffect(() => {
    // 在路由变化时重新加载图标
    // 这里可以写你重新加载图标的逻辑
    console.log('路由变化，重新加载图标');
  }, [location]);

  return (
    // 这里是你的路由组件代码
    // ...
  );
}

export default App;

需要注意的是，以上解决方法是基于React路由器的情况下，如果使用的是其他路由库或框架，解决方法可能会有所不同。另外，具体的图标加载逻辑需要根据你使用的图标库或组件库来确定，可以参考对应库的文档或示例代码来实现图标的重新加载。