const { log } = console let a = 2 // let b = 2 // let c = 3 // if (a == 1) { // log(1) // } else if (a == 2) {…
分类:React
antd upload 图片上传前压缩
onChange = (files, type, index) => { const newItem = _.cloneDeep(this.state.imgData); if (type === "add") {…
antd中实现隐藏某一列数据
在工作中我们可能会有这样需求,比如在课程管理中可能会存在相同名字的老师名字,这个时候如果再靠以前的查询数据后遍历数组是不可取的。这个时候我便可以利用教师编号唯一性的特点。 antd中每一列数据都有唯一性,那么我就需要根据…
组件封装注意事项
https://github.com/YvetteLau/Blog 参考文章 尽可能低耦合,组件之间的依赖越小越好 比如不要直接修改父组件状态。 最好从父级传入所需信息,不要在公共组件中请求数据 传入数据添加校验 处理事…
React生命周期钩子函数
前言 所谓的生命周期就是指某个事物从开始到结束的各个阶段,就好像是把人的出生到死亡分成一个个阶段,你肯定是在出生阶段起名字,而不会在成年或者死亡的阶段去起名字。当然在 React.js 中指的是组件从创建到销…
React学习笔记(四):高阶知识(上)
一、深入JSX 1、JSX是语法糖 JSX本质上是为React.createElement(component, props, ...children)方法提供的语法糖,例如: <MyButton color="b…
React学习笔记(五):高阶知识(下)
一、错误边界(Error Boundaries) 错误边界是用来捕获子组件树内的Javascript异常,记录错误并展示一个回退的UI的React新特性。当在渲染期间发生错误的时候,就可以避免整棵组件数发生异常 不过,错…
ReactRouter4学习笔记(一):入门
一、React-router4的理念 react-router4的核心设计理念是“动态路由” 1、静态路由 在Rails、Express、Ember、Angular等库,以及ReactRouter在4.0之前的版本中,使…
React学习笔记(三):进阶知识
一、条件渲染 在React里,我们可以创建不同的组件来封装我们需要的功能。我们也可以根据组件的状态,只渲染组件中的一部分内容,而条件渲染就是为此而准备的。在React中,我们可以像在JavaScript中写条件语句一样地…
React学习笔记(一):JSX
一、什么是JSX? 一个JSX语法的示例,如下所示 const element = <h1>Hello, world!</h1>; 这种语法形式,既不是HTML,也不是字符串,而是称之为JSX,是…
React学习笔记(二):基本知识
一、元素渲染 元素(elements)是构成React应用的最小单元,元素描述了想要在屏幕中看到的内容,如: const element = <h1>Hello, world</h1>; 和DOM…
ReactRouter4学习笔记(二):API
一、ReactRouter的三种路由 1、BrowserRouter <BrowserRouter>使用HTML5的history API(pushState、replacestate和popstate事件)…