随笔分类 - AntDesign(React)

React 环境Antd Umi学习
AntDesign(React)学习-15 组件定义、connect、interface
摘要:虽然常用的编码用一种即可,但是看别人文档或者示例时,有的写法不熟悉的话看着很不习惯,整理几种实现同一功能的不同写法 1、Dva Connect与@Connect import React, { Props } from 'react'; import { Button, Input } from ' 阅读全文
posted @ 2020-02-13 00:01 zhaogaojian 阅读(3561) 评论(0) 推荐(0) 编辑
AntDesign(React)学习-14 使用UMI提供的antd模板
摘要:1、UMI提供了可视化antd模板,可以直接添加到项目中修改用 比如将个人中心添加到项目中 2、选择个人中心,确定 3、成功 4、打开项目 5、Route文件也自动添加 根路由有exact:true后面要把工作台移到mainfrm路由中 6、运行报错 7、安装 8、找不到style.less 安装l 阅读全文
posted @ 2020-02-11 00:04 zhaogaojian 阅读(1194) 评论(0) 推荐(0) 编辑
AntDesign(React)学习-13 Warning XX should not be prefixed with namespace XXX
摘要:有篇UMI入门简易教程可以看看:https://www.yuque.com/umijs/umi/hello 程序在点击操作时报了一个Warning: [sagaEffects.put] User/updateUserState should not be prefixed with namespac 阅读全文
posted @ 2020-02-09 14:24 zhaogaojian 阅读(1342) 评论(0) 推荐(0) 编辑
AntDesign(React)学习-12 使用Table
摘要:AntDesign(Vue)版的Table中使用图片https://www.cnblogs.com/zhaogaojian/p/11119762.html 之前在使用VUE版Table时,使用大图片时,某些列使用右fix会出现错乱问题(可能我使用的方法有误),试用React版看会有问题不 publi 阅读全文
posted @ 2020-02-08 12:38 zhaogaojian 阅读(524) 评论(0) 推荐(0) 编辑
AntDesign(React)学习-11 使用mobx
摘要:mobx 是由 Mendix、Coinbase、Facebook 开源和众多个人赞助商所赞助的。 mobx和redux类似,也可以用来进行状态管理,并且更简单,更灵活。初次研究,先实现一个最简单的功能修改一个字符串值 官网:https://cn.mobx.js.org 1、安装 yarn add m 阅读全文
posted @ 2020-02-07 22:36 zhaogaojian 阅读(415) 评论(0) 推荐(0) 编辑
AntDesign(React)学习-10 Dva 与后台数据交互
摘要:明天正式在线办公没时间学习了,今天晚上再更新一篇, 代码提交一次:https://github.com/zhaogaojian/jgdemo 1、src下创建services目录 创建文件userSrv.ts export async function query(): Promise<any> { 阅读全文
posted @ 2020-02-02 21:06 zhaogaojian 阅读(1369) 评论(0) 推荐(0) 编辑
AntDesign(React)学习-9 Dva model reducer实践
摘要:今天肺炎增长数字依然吓人,感觉穿越到丧失片里了。 本节开始学习dva model使用,官网的讲解太文档化,对新手实践不太友好,自己简化了一个最简单的演示代码。 1、在src,models文件夹下创建user.ts,初始化username为张三1 const UserModel = { namespa 阅读全文
posted @ 2020-02-02 17:03 zhaogaojian 阅读(735) 评论(0) 推荐(0) 编辑
AntDesign(React)学习-8 Menu使用 切换框架页内容页面
摘要:本节实现一个点击左侧menu在右侧content切换页面效果,原始代码请从UMI学习-6开始看 1、在pages下添加两个组件,User,UserRole import React from 'react'; class User extends React.Component { render() 阅读全文
posted @ 2020-02-01 23:05 zhaogaojian 阅读(1473) 评论(0) 推荐(0) 编辑
AntDesign(React)学习-7 Menu添加事件
摘要:今天花了大半天时间从老家回到工作地,路上因为肺炎封堵挺厉害,希望国家挺过这个难关,要不大家都失业可就惨了,上一篇做了一个展示数据的demo,这一篇研究antd Menu item点击事件 1、还是先看文档 在menu上增加onClick事件 2、handleClick代码如下 handleClick 阅读全文
posted @ 2020-02-01 22:33 zhaogaojian 阅读(1746) 评论(0) 推荐(0) 编辑
AntDesign(React)学习-6 Menu展示数据
摘要:1、官方文档请查看https://ant.design/components/menu-cn/antPro自带的菜单功能很强大,但是太复杂了,感觉大部分功能都用不上,下面实现一个简单从后台动态获取菜单的功能。 2、增加SubMenu方法 2.1 定义 const { SubMenu } = Menu 阅读全文
posted @ 2020-01-31 18:33 zhaogaojian 阅读(959) 评论(0) 推荐(0) 编辑
AntDesign(React)学习-5 路由及使用Layout布局
摘要:前言:学习目标实现点击登录按钮,直接进入后台布局页面,类似下面antd官网文档展示效果 ant.design访问 https://ant-design.gitee.io/components/menu-cn/ 速度比较快 1、最开始想的很简单,增加一个页面,修改一个路由即可,实际操作中掉了几次坑,花 阅读全文
posted @ 2020-01-29 22:40 zhaogaojian 阅读(5396) 评论(0) 推荐(0) 编辑
AntDesign(React)学习-4 登录页面提交数据简单实现
摘要:github代码:https://github.com/zhaogaojian/jgdemo 全国肺炎,过节期间没地方去在家学习antd。 一、感觉antd pro项目太庞大了,可以学习下结构和代码风格,但不适合新手直接学习测试语法用,将从一个空白项目开始创建 1、打开umi管理后台,创建一个新项目 阅读全文
posted @ 2020-01-28 16:26 zhaogaojian 阅读(3141) 评论(0) 推荐(0) 编辑
AntDesign(React)学习-3 React基础
摘要:前面项目已经建起来了,但是没有React基础怎么办,从头学习,这个项目使用的是基于React16.X版本的几种技术集成,那么我们就从网上找一些相关的资料进行研究,我的习惯是用到哪学到哪。 一、先看一些基础示例1、render用法 ReactDOM.render( <h1>Hello, world!< 阅读全文
posted @ 2020-01-20 15:01 zhaogaojian 阅读(573) 评论(0) 推荐(0) 编辑
AntDesign(React)学习-2 第一个页面
摘要:1、前面创建了第一个项目jgdemo,结构如下,使用TypeScript. 2、yarn start启动项目 3、点击GettingStarted是umi的官方网站 https://umijs.org/guide/getting-started.html 4、我们没必要从头建立项目,直接使用antd 阅读全文
posted @ 2020-01-20 13:54 zhaogaojian 阅读(397) 评论(0) 推荐(0) 编辑
AntDesign(React)学习-1 创建环境
摘要:目录: AntDesign(React)学习-15 组件定义、connect、interface AntDesign(React)学习-14 使用UMI提供的antd模板 AntDesign(React)学习-13 Warning XX should not be prefixed with nam 阅读全文
posted @ 2020-01-18 19:08 zhaogaojian 阅读(438) 评论(0) 推荐(0) 编辑