react的antd左側選單及重新整理選中狀態

資料格式

[    ,,]
},,,,]}]

getmenunodes = (menulist) => 

)} else 
}>)}
})}  render() );}

當重新整理頁面時，預設選中選單項的設定，因為menu的selectedkeys屬性儲存key值，即我們使用的path路徑，我們知道this.props.location.pathname可以取到path的路徑，但是當前leftmenu不是路由元件，不能通過this.props.location來取到需要的值，此時我們借助react-router-dom的withrouter

使用：引入import from 'react-router-dom';
export default withrouter(menuleft);
export的時候用withrouter包裝一下
				
antd 實現 sidebar 左側選單 記
關於 antd 之 layout.sider 使用說明請移步這裡 import from antd import from ant design icons import from react import from react router dom import cookies from js c...
				
react 更改antd的預設樣式
2種方法 1.import styles from index.less 下面為index.less 直接引入就是全域性可以用 當然更建議外面套盒子 global ant modal body 2.直接在antd外面套一層盒子 通過less引入 然後把樣式一層層指定下去 例如 box ant tab...
				
React修改Antd元件樣式的方法
1 f12開啟除錯，選中elements選項 2 在elements的元素樹中選中相應的antd元件布局，然後檢視右端的css樣式表，找到控制項的css控制器結構。3 最後在我們自己的css樣式檔案中修改對應的控制器屬性就可以了 4 有一些屬性是在antd元件內部通過 設定的，這種情況下，通過上面那...