AntDesign(React)學習-7 Menu添加事件

今天花了大半天時間從老家回到工作地，路上因為肺炎封堵挺厲害，希望國家挺過這個難關，要不大家都失業可就慘了，上一篇做了一個展示數據的demo，這一篇研究antd Menu item點擊事件

1、還是先看文檔

在menu上增加onClick事件

 

 2、handleClick代碼如下

handleClick = e => {
    console.log('click ', e);
  };

3、可以在console里看到點擊事件詳情

 

 4、為了將url傳遞過來，在Menu.Item上增加自定義屬性

 

 5、在handleClick中獲取自定義屬性並跳轉

 handleClick = e => {
    console.log('click: ', e);
    console.log('url:'+e.item.props["data-url"]);
    router.push(e.item.props["data-url"]);
  };

6、router.push需要使用組件

import router from 'umi/router';

修改以下代碼為

 

 進行測試（只是為了測試，實際首頁不是登錄頁）

7、點擊首頁跳轉成功