SPA单页应用的2种类型分页技术，常见于React、Vue等基于组件化开发的项目1、纯前端分页2、基于后台的分页（1）纯前端分页　　1、请求获取数据：一次性获取所有数据，翻页时不再发送请求　　2、请求接口：不需要指定页面（pageNum）和每页数量（pageSize）　　　　3、响应数据：所有数据的数组 （2...

reactjs是一枚新进小鲜肉，跟gulp搭配流行一段时间了。工作或者面试中经常遇到这样的问题，“子组件如何向父组件传值？”。其实很简单，概括起来就是：react中state改变了，组件才会update。父写好state和处理该state的函数，同时将函数名通过props属性值的形式传入子，子调...

最近一直在做react项目，发现一个bug，困扰了我两天。Can'tperformaReactstateupdateonanunmountedcomponent.Thisisano-op,butitindicatesamemoryleakinyourapplication.Tofix,cancelallsubscrip...

<Routeexactpath="/Home"component={Home}/>1.路由组件：只有包裹在Route组件里的才能使用`this.props.location`，2.非路由组件：假如有个需求，是面包屑或者导航组件里需要拿到`this.props.location`（导航组件或者面包屑一般不会包...

个人理解：<Routeexactpath="/Home"component={Home}/>1.路由组件：只有包裹在Route组件里的才能使用`this.props.location`，2.非路由组件：假如有个需求，是面包屑或者导航组件里需要拿到`this.props.location`（导航组件或者面包屑...

案例结合递归+遍历实现二级导航importReactfrom'react'import{Menu,Icon}from'antd';import'./index.less';importMenuConfigfrom'./../../config/menuconfig';//导入数据constSubMenu=Menu.Su...

作用：默认情况下必须经过路由匹配渲染的组件才存在this.props,才拥有路由参数，执行this.props.history.push('/detail')跳转到对应路由的页面，然而不是所有组件都直接与路由相连（通过路由跳转到此组件）的，当这些组件需要路由参数时，使用withRouter就可以给此组件传入路由参数，将...

作用：useMemo主要用来解决使用Reacthooks产生的无用渲染的性能问题。缘由：　　使用function的形式来声明组件，失去了shouldCompnentUpdate（在组件更新之前）这个生命周期，主要进行状态对比，如果需要则进行改变。也就是说使用Hooks的useEffect（替代生命周期）后我们没有办法通...

温馨提示：使用react-hooks进行正常开发时，需要把组件和createContext创建上下文步骤单独写出来，哪里需要就在哪里引入 举个实际的例子：子组件中修改父组件的state一般的做法是将父组件的方法比如setXXX通过props的方式传给子组件，而一旦子组件多层级的话，就要层层透传。使用Conte...

（1）无状态组件　　无状态组件(StatelessComponent)是最基础的组件形式，由于没有状态的影响所以就是纯静态展示的作用。一般来说，各种UI库里也是最开始会开发的组件类别。如按钮、标签、输入框等。它的基本组成结构就是属性（props）加上一个渲染函数（render）。由于不涉及到状态的更新，所以这种组件的复...

之前已经介绍过了React的相关生命周期，这里介绍下通过生命周期函数componentWillReceiveProps实现组件性能优化。之前案例中的组件存在性能问题，即父组件的state更新时频繁渲染了子组件，也就是说父组件的输入框的值改动造成了子组件render的频繁触发渲染，性能上存在缺陷。 （1）设置调...

　　基本类型校验：　　之前的案例中，父组件向子组件传递的数据里，并没有做数据类型校验　　　　虽然正确传递和使用了，但是在子组件里并没有做传递数据的类型验证，也就是说，此时传递任何值都不会报错。开发经验丰富的小伙伴都知道，当项目复杂性较大时，如果不对数据类型做校验，后期很容易出现一种错误，即“业务逻辑错误&r...

React推出后，出于不同的原因先后出现三种定义react组件的方式，殊途同归；具体的三种方式：函数式定义的无状态组件es5原生方式React.createClass定义的组件es6形式的extendsReact.Component定义的组件虽然有三种方式可以定义react的组件，那么这三种定义组件方式有什么不同呢？或...

（1）受控组件VS非受控组件***1、受控组件中，表单数据是由React组件的state状态值来管理的******2、非受控组件，表单数据交由ref操作DOM节点来处理*** （2）受控组件　　表单数据取决于state状态值，结合onChange事件进行操作，通过this.setState进行状态改变和监听　...

参考文章： 官方文档  ....