React-27:NavLink的基本使用

707 阅读1分钟

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

封装NavLink

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