通过NavLink可以给Link添加类名，从而实现修改样式

React-27：NavLink的基本使用_自定义组件

封装NavLink

  • 自定义组件MyNavLink
  • 引入自定义组件
import MyNavLink from './components/MyNavLink';
  • 向自定义组件传to属性，值为路由信息
    React-27：NavLink的基本使用_技术_02
  • 在自定义组件中，返回NavLink
    React-27：NavLink的基本使用_封装_03
  • 使用拓展运算符解构对象是关键，因为上面的MyNavLink中间的值作为children属性传递给了封装的NavLink