美文网首页
semantic-ui-react--menu篇

semantic-ui-react--menu篇

作者: 爱吃萝卜不爱吃菜的兔子 | 来源:发表于2018-07-24 11:35 被阅读0次

    分享一个使用小技巧

    我们经常会出现点击menu菜单跳转页面的情况

    但是在SPA的项目中 不太去建议用a标签href 或者 window.location.href的形式去跳转页面,因此需要将我们的menu和router结合起来

    在 <Menu.Item/>这个标签中,有一个神秘的属性叫做as ,当我们的页面引入跳转标签时 

    举个🌰 我们的路由跳转引用的是 <NavLink/>路由标签 

    我们的as属性就可以写as=’NavLink’ ,这样我们就可以把 <Menu.Item/>标签当做<NavLink/>  ,可以给 <Menu.Item/>加上路由跳转的 to属性,这样就是SPA的路由跳转了 而不是<Menu.Item/> 的href属性的页面刷新的跳转了

    配置好的<Menu.Item/>标签

    相关文章

      网友评论

          本文标题:semantic-ui-react--menu篇

          本文链接:https://www.haomeiwen.com/subject/hveemftx.html