在用React框架实现路由跳转的过程中,我想通过点击NavLink标签(和Link标签一样,本质上都是a标签)的父级元素来达到点击Link标签的效果(路由跳转+class类名更换),下面直接上代码:
// nav组件点击更新
function projClick(id,name,e){
setProd(id);
setPage(name);
// 触发NavLink标签
e.target.children[0] && e.target.children[0].click()
}
<dd onClick={fn.bind(this,item.id,'landingpage')}>
<NavLink exact to= {index?'/home/' + item.id + '/landingpage':'/home'}>落地页</NavLink>
</dd>
在React应用中,开发者尝试通过点击父级元素来触发NavLink标签的点击事件,实现路由跳转的同时更新class类名。代码示例中,使用了onClick事件处理函数projClick,该函数设置状态并模拟点击NavLink的子元素以完成路由操作。
456

被折叠的 条评论
为什么被折叠?



