react
JobZhang的博客
没什么可编的,安心写代码......
展开
-
React引用ant-design@4,class component如何获取Form的值?
先附上ant-design的官方文档,在官方示例中,我们可以看到表单组件的示例,都是基于react-hooks的,那我们如果是在class component中如何获取表单的值呢?对,就是它——ref!废话不多说,看示例代码import { Form, Input, Button, Select } from 'antd';import { FormInstance } from 'antd/lib/form';const { Option } = Select;const layout原创 2020-05-20 14:38:46 · 1429 阅读 · 0 评论 -
Umi3快速上手(四)
写在前面本人也是近期开始接触的umi3的,看了很多文档,自己也做了些总结,本文也主要借鉴了官方文档,还有一篇语雀上的教程dvaumi3整合 dva 数据流,在 umi@3 中要使用 dva 的功能很简单,只要使用安装 @umijs/plugin-dva 并在 配置文件中开启 dva 配置。$ yarn add @umijs/plugin-dva# npm install @umijs/plugin-dva --save如果你是通过脚手架创建的项目,则不用执行上面的步骤!在config/con原创 2020-05-19 09:44:17 · 5084 阅读 · 0 评论 -
Umi3快速上手(三)
写在前面本人也是近期开始接触的umi3的,看了很多文档,自己也做了些总结,本文也主要借鉴了官方文档,还有一篇语雀上的教程创建页面可以用umi g page about 命令创建页面,这样会自动新建,页面的 js 文件和 css 文件。使用 --typescript --less 来选择性的指定文件类型。例如:$ umi g page about --typescript --lessWrite: src/pages/about.tsxWrite: src/pages/about.less$原创 2020-05-18 09:11:02 · 3137 阅读 · 1 评论 -
Umi3快速上手(二)
写在前面本人也是近期开始接触的umi3的,看了很多文档,自己也做了些总结,本文也主要借鉴了官方文档,还有一篇语雀上的教程目录结构介绍我们之前有试过多种方式创建的项目,但是目录结构只有两种,我们先介绍第一种目录结构:目录结构一├── mock├── package.json├── dist├── public├── src│ ├── .umi ├── layouts/index.tsx ├── app.ts│ └── pages│ ├── index.css原创 2020-05-18 09:10:03 · 2945 阅读 · 2 评论 -
Umi3介绍(一)
简介Umi是什么Umi,中文可发音为乌米,是可扩展的企业级前端应用框架。Umi 以路由为基础的,同时支持配置式路由和约定式路由,保证路由的功能完备,并以此进行功能扩展。然后配以生命周期完善的插件体系,覆盖从源码到构建产物的每个生命周期,支持各种功能扩展和业务需求。Umi 是蚂蚁金服的底层前端框架,已直接或间接地服务了 3000+ 应用,包括 java、node、H5 无线、离线(Hybrid)应用、纯前端 assets 应用、CMS 应用等。他已经很好地服务了我们的内部用户,同时希望他也能服务好外部用原创 2020-05-17 22:51:49 · 6827 阅读 · 4 评论