iiichigo的博客

在vue中想要实现动画效果，Vue 提供了 transition 的封装组件。通过过渡类名来实现过渡效果，react虽然没有封装组件，但他的生态圈也足够大，react-transition-group可以帮我们实现动画效果，原理差不多。上手也很简单。 // 首先安装 # npm npm install react-transition-group --save # yarn yarn a...

=> github上的文档 react-router-dom的使用 首先下载  ## 注意下的是react-router-dom 而不是 react-router npm install react-router-dom yarn add react-router-dom  路由有两种形式 : 1.BrowserRouter 是histroy模式 2.hashRouter是...

在vue中根本就没有这个烦恼，因为vue已经帮我们封装好了。而react使用NavLink或者Link的时候默认是a标签，并没有给我们提供相应的tag方法，可有时候我们就是想要其他的标签怎么办，就需要我们自己手动来封装了，这也正是react的灵活之处。下面是我封装的代码。有不懂的或有更好的方法都可以给我留言。 // 实现Tag的封装 import styled from "styled-c...

在ES6的类中，每一个类都有一个contructor（构造器）,当子类去继承父类的时候，父类的constructor需要执行一下，为子类去继承constructor中的一些东西，如果子类自己没有写constructor，默认的会生成一个constructor并且在其中就会执行父类的constructor，执行的方法就是super(),因为子类中的super就是父类的constructor 如果...

class从创建实例到注销的过程中，经常会需要在某些时刻去执行一些逻辑代码，react每个组件的生命周期中会暴露出很多生命钩子 这些钩子函数会在特定的时刻执行，组件或实例生命周期会经历三个阶段 初始化/运行中/销毁   初始化阶段 1.constructor 挂载this bind函数的this 根据属性设置状态 2.componentWillMount 组件即将被挂载...

在Vue中如果更改的data和上一次的data相同，vue便不会重新渲染，提高了性能。 但在react中才不管是不是相同，只要状态更新便会重新渲染，为此React提供了一个生命周期钩子函数 shouldComponentUpdate( )这个钩子函数中接收最新的props和state但此时this上的props和state还未更新，于是我们就可以做一下判断， 如果this.props === ...

在react中使用装饰器decorators 最近在做react项目的时候，遇到同一个组件共用一个方法的问题。由于react已经废弃了mixin，所以就准备用用新东西，选择了ES6中的decorators。 在使用之前需要先下载babel插件 npm install @babel/plugin-proposal-decorators --save 修改配置 ( 我用的是antd-mobl...

在做react项目开发时，可能会发现关于内存泄漏的报错，这个时候就会一脸懵逼，我是干啥了，咋还内存泄漏了呢 。但也会发现这个错误并不影响我们程序的运行，而且上线的话报错也会没有，只是开发起来有点不爽。那到底是怎么回事呢，研究了一波， 组件卸载后,调用 setState 方法就会报这个错    可以设置一个开关，组件已经被销毁的时候就不调用setState方法，如果在每个组件上都设置这么一个方法...