AntDesign(React)学习-7 Menu添加事件
2024-09-02 11:01:53
今天花了大半天时间从老家回到工作地,路上因为肺炎封堵挺厉害,希望国家挺过这个难关,要不大家都失业可就惨了,上一篇做了一个展示数据的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、点击首页跳转成功
最新文章
- 从C++实现Ping开始说起
- SVM算法
- 将自己库添加Cocoapods支持
- window 下如何安装ghost博客
- java json-lib.jar
- XML 文档和数据
- Java_Web使用简单的批处理操作
- HDU 5538 L - House Building 水题
- android之硬件访问服务框架
- Windows 10 Technical Preview 10041 使用 IIS Express 运行网站应用程序异常
- asp.net用Zxing库实现条形码输出的具体实现
- C# webservice开发
- Delphi三层网络架构代码实现
- 0510JS流程语句
- Pygame常用方法
- Python学习笔记【第九篇】:Python面向对象基础
- heapy() :python自带的堆排序
- 深入理解BS结构应用程序
- 工作流JBPM_day01:5-管理流程定义3点改进
- IOS-网络(小文件下载)