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