在react中,父组件的重新render会引发子组件的重新render,但是一些情况下我们会觉得这样做有些多余,比如: 父组件并未传递props给子组件 新传递的props渲染结果不变 class A extends R…
快速构建高性能表单---JSXForm
背景 表单问题,不管是在 jQuery 时代,还是 Angular/React 时代,都永远是前端工程师们的痛,但是这又是没办法的事情,业务需求多种多样,对于中后台业务而言,表单页面和报表页面基本上是中后台业务的核心展现…
npm install 你很明白吗?
npm install 你很明白吗dependencies 依赖devDependencies 开发依赖 【当我们敲 npm install 的时候会安装哪些依赖,dependencies 和 devDependenci…
react-鼠标滑过显示编辑按钮点击显示输入框编辑内容
页面显示效果 点击编辑显示效果 由于项目频繁修改相关信息,并单独提交,为了方便,封装了一个简单的组件组件依赖antd(用到了图标和Input组件这不用可以省略)组件宽高显示为自适应控制父级大小即可,类型可无限扩展 /**…
antd 树形组件常用工具
treeUtil.js import {Tree,message,Button,Input } from 'antd'; import React from 'react' import axios from 'axio…
关于React-Router4.0跳转不置顶解决方案
在使用react-router时会遇到奇怪的问题,比如当我们从首页进入详情页的时候,首页跳转到详情页,首页滚动的位置,进入到详情页的时候也会被记录下来,原因是由于共享了同一个history,所以对记录有所保留,这显然不符…
antd 常用表单组件
basicFormUtil.js import React from 'react' import { Form, Input, Tooltip, Icon, Cascader, Select,Radio, Row, C…
干货实例:什么是React服务端渲染?
富婆来报道,今天想问题想不出来,随手抓了一下头发,没想到啊没想到,我那浓(mei)密(sheng)茂(ji)盛(gen)的秀发又少了好几根,一定要改掉这个想不出来问题就揪头发的坏习惯。今天分享一篇公司大佬的文章,非常厉害…
ES6的class本质和react中需要使用bind(this)的原因
ES6的class 我们知道ES6新出一个规范是使用class关键字来定义一个类,这在以前是没有的在以前,需要在javascript里实现面向对象,就需要使用prototype 什么是面向对象? 面向对象有如下几个基本特…
react context
React Context 绝大多数应用程序不需要使用 context.如果你想让你的应用更稳定,别使用context。因为这是一个实验性的API,在未来的React版本中可能会被更改。 一、如何使用 1.安装并引入pr…
react离开页面,自定义弹框拦截,路由拦截
前言:项目有个需求是:跳转路由,在离开页面前,需要弹框询问用户是否确定离开。用react-router的<Prompt>组件是可以的,但是,怎么使用antd组件(或者说自定义组件)呢?请看下面 先看的这个:h…
【译】函数式的React
原文: The functional side of React 作者:Andrea Chiarelli 译者:博轩 React 是现在最流行的 JavaScript 库之一。使用 React 可以非常轻松地创建 Web…