鍍金池/ 問答/HTML/ antd react router 導(dǎo)航隨頁面跳轉(zhuǎn)菜單欄變化到相應(yīng)的頁面選項(xiàng)

antd react router 導(dǎo)航隨頁面跳轉(zhuǎn)菜單欄變化到相應(yīng)的頁面選項(xiàng)

使用antd組件 react 框架 單頁面router 我的頁面發(fā)生欄跳轉(zhuǎn) 想實(shí)現(xiàn)左側(cè)菜單欄里的導(dǎo)航索引也變化到與頁面相應(yīng)的選項(xiàng)中，各位大神如何實(shí)現(xiàn)此功能!給點(diǎn)思路想法就行 圖片描述

回答
編輯回答
吢涼

兄弟解決了么？分享一下！

2018年4月7日 03:12
編輯回答
半心人

如果使用antd 的 Menu 組件的話，其實(shí)本來就是有這個(gè)功能的。

2018年1月5日 13:17
編輯回答
兔寶寶

有一個(gè)思路是，如果是antd的話，你的菜單欄Sider組件，應(yīng)該有根據(jù)點(diǎn)擊時(shí)設(shè)置selectedKeys的方法吧，所以頁面內(nèi)跳轉(zhuǎn)或者前進(jìn)后退時(shí)，可以在componentWillReceiveProps狀態(tài)方法里再調(diào)用設(shè)置selectedKeys的方法，就可以讓菜單高亮對應(yīng)上頁面的跳轉(zhuǎn)了

2017年12月8日 01:11
編輯回答
帥到炸

根據(jù)url判斷選中的key

render() {
    const pathName = hashHistory.getCurrentLocation().pathname;
    return (
        <Menu selectedKeys={[pathName]} >
        ...
        </Menu>
    );
}
2018年7月17日 01:33
編輯回答
貓館

直接給你一個(gè)Demo.DvaInitial, 菜單就是使用antd的menu實(shí)現(xiàn)的。

2018年5月3日 07:50