React 路由器：在每个 Link 导航上执行自定义函数

React 路由器是一个常用的库，用于实现在 React 应用中进行页面导航和路由管理。在 React 路由器中，我们可以通过使用 `` 组件来创建导航链接。通常情况下，当用户点击导航链接时，React 路由器会自动执行相应的操作，比如渲染对应的组件。但是有时候，我们可能希望在导航链接被点击时执行一些自定义的函数。本文将介绍如何在每个 `` 导航上执行自定义函数，并结合案例代码进行说明。

jsx
import React from 'react';
import { Link } from 'react-router-dom';
const MyCustomLink = ({ to, onClick, children }) => (
  
    {children}
  
);
const App = () => {
  const handleLinkClick = () => {
    // 在这里编写自定义的操作逻辑
    console.log('Link clicked!');
  };
  return (
    
      
        Page 1
      
      
        Page 2
      
      
        Page 3
      
    
  );
};
export default App;