如何使用平面图标作为链接来更改react路由器路由

npm install react-router-dom

import { Link } from 'react-router-dom';
import { ReactComponent as Icon } from 'path/to/icon.svg';

<Link to="/target-route">
  <Icon />
</Link>

import { BrowserRouter as Router, Route } from 'react-router-dom';

// ...

<Router>
  <Route path="/target-route" component={TargetComponent} />
  {/* 其他路由配置 */}
</Router>