weixin_41559882的博客

敲一下React-mini版代码最近学习一篇文章关于React原理基础实现，收获良多，想在此写一下个人收获与总结。0、jsxconst element = ( <input value="todo" />)写一个最简单的jsx，我们知道它将会转换成一个object对象，如下面const element = { type: 'input', props: { value: 'todo', children: [], }

使用antd写项目多了，经常会有相似的场景——使用Modal弹窗，请求异步数据后显示详情。一般都会写个弹窗详情组件，并且用visible和loading参数去维护，写多了这样的业务需求，总会觉得烦琐。还好antd3以上提供了Modal.update方法，我们可以自己封装一个简单的请求数据查看详情的方法。封装showModal方法import { Modal, Spin } from 'antd';import request from 'UTILS/request';/** 用于简单modal弹

当antd4.0出来之际，公司后台管理项目antd还是2.x版本，为了赶上技术迭代的脚步，是时候更新一波antd了。不得不说antd官方维护得很好，让我等antd3升级官方文档一些官方未提到的修改点Col组件span、offset属性必须为Number,否则报错TimePicker组件allowEmpty改为allowClearInput的maxLength属性必须为Number,否则报错Select 组件废弃了 combobox 模式，使用 AutoComplete 组件代替。Input.T

颜值不够，实力来凑。但仔细想想，好像实力也不太行，心中顿生伤感，不说了，学习去。第一步，升至React16.2.0按照计划参考这篇文章将React升至16.2.0就好，一步一步来。React16废弃点1、React.createClass解决方案：npm install create-react-classimport createReactClass from 'create-react-class';const Greeting = createReactClass({ // ....

hook给枯燥的敲代码生活带来了一丝新鲜感,这样写组件的方式更加方便、代码更易懂些

项目使用antd-react组件库。用Form.create想要拿到ref,即想拿到子组件的数据和方法，可以使用wrappedComponentRef以下为官方举例 class CustomizedForm extends React.Component { ... } // use wrappedComponentRef const EnhancedForm = Form.cr...

前端生成二维码，并且批量打包下载使用到的插件有JQuery、qrcode-jquery、jszip、file-saver, 项目基于react1. html片段<ul> <li> <a className="mg_list"></a> </li> <li> <...