如何在reactjs中使用Navilink调用函数和路由更改

import { NavLink } from 'react-router-dom';

render() {
  return (
    <div>
      <NavLink to="/home" activeClassName="active">Home</NavLink>
      <NavLink to="/about" activeClassName="active">About</NavLink>
      <NavLink to="/contact" activeClassName="active">Contact</NavLink>
    </div>
  );
}

handleClick() {
  // 执行你的函数逻辑
}

render() {
  return (
    <div>
      <NavLink to="/home" activeClassName="active" onClick={this.handleClick}>Home</NavLink>
      <NavLink to="/about" activeClassName="active" onClick={this.handleClick}>About</NavLink>
      <NavLink to="/contact" activeClassName="active" onClick={this.handleClick}>Contact</NavLink>
    </div>
  );
}