踩坑记录5

emmet:辅助快速编写html+css

antd的Link以及NavLink使用:

{ path: '/order-list/index', component: '@/pages/order-list/index' }

错误的写法:
<Link to={"order-list/index"}>
    订单列表
</Link>

正确的写法:
<Link to={"/order-list/index"}>
    订单列表
</Link>

推荐使用NavLink,其中activeClassName为NavLink选中时的样式
  <NavLink to={"/hotel-edit/index"}
    activeClassName="navigation__link-active"
    className="navigation__link">
    酒店设置
  </NavLink>

 目标可能为未定义:

错误代码:
if(item.children.length > 0) {
    return <></>
}

正确代码(判断一下item.children是否存在):
if(item.children && item.children.length > 0) {
    return <></>
}

 

posted @ 2022-07-30 15:06  北区以北  阅读(41)  评论(0)    收藏  举报