原文:AntDesign(React)学习-6 Menu展示数据

官方文档请查看https: ant.design components menu cn antPro自带的菜单功能很强大,但是太复杂了,感觉大部分功能都用不上,下面实现一个简单从后台动态获取菜单的功能。 增加SubMenu方法 . 定义 const SubMenu Menu . 增加SubMenu节点 lt SubMenukey sub title Submenu gt lt Menu.Item ...

2020-01-31 18:33 0 979 推荐指数:

查看详情

AntDesign(React)学习-7 Menu添加事件

今天花了大半天时间从老家回到工作地,路上因为肺炎封堵挺厉害,希望国家挺过这个难关,要不大家都失业可就惨了,上一篇做了一个展示数据的demo,这一篇研究antd Menu item点击事件 1、还是先看文档 在menu上增加onClick事件 2、handleClick代码 ...

Sun Feb 02 06:33:00 CST 2020 0 1807
AntDesign(React)学习-8 Menu使用 切换框架页内容页面

本节实现一个点击左侧menu在右侧content切换页面效果,原始代码请从UMI学习-6开始看 1、在pages下添加两个组件,User,UserRole 2、修改umirc.ts routes部分如下 3、修改leftmenutree中state ...

Sun Feb 02 07:05:00 CST 2020 0 1546
AntDesign(React)学习-3 React基础

前面项目已经建起来了,但是没有React基础怎么办,从头学习,这个项目使用的是基于React16.X版本的几种技术集成,那么我们就从网上找一些相关的资料进行研究,我的习惯是用到哪学到哪。 一、先看一些基础示例1、render用法 以上代码将一个 h1 标题,插入 id ...

Mon Jan 20 23:01:00 CST 2020 0 241
AntDesign(React)学习-4 登录页面提交数据简单实现

github代码:https://github.com/zhaogaojian/jgdemo 全国肺炎,过节期间没地方去在家学习antd。 一、感觉antd pro项目太庞大了,可以学习下结构和代码风格,但不适合新手直接学习测试语法用,将从一个空白项目开始创建 1、打开umi管理后台,创建 ...

Wed Jan 29 00:26:00 CST 2020 0 3254
AntDesign(React)学习-10 Dva 与后台数据交互

明天正式在线办公没时间学习了,今天晚上再更新一篇, 代码提交一次:https://github.com/zhaogaojian/jgdemo 1、src下创建services目录 创建文件userSrv.ts 注意如果未安装axios,请安装axios ...

Mon Feb 03 05:06:00 CST 2020 0 1388
AntDesign(React)学习-9 Dva model reducer实践

今天肺炎增长数字依然吓人,感觉穿越到丧失片里了。 本节开始学习dva model使用,官网的讲解太文档化,对新手实践不太友好,自己简化了一个最简单的演示代码。 1、在src,models文件夹下创建user.ts,初始化username为张三1 注意: 红色部分如果写成 ...

Mon Feb 03 01:03:00 CST 2020 0 746
AntDesign(React)学习-5 路由及使用Layout布局

前言:学习目标实现点击登录按钮,直接进入后台布局页面,类似下面antd官网文档展示效果 ant.design访问 https://ant-design.gitee.io/components/menu-cn/ 速度比较快 1、最开始想的很简单,增加一个页面,修改一个路由 ...

Thu Jan 30 06:40:00 CST 2020 0 5583
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM