sunlei19951007的博客

” 想学好 React 一定要搞明白生命周期 ” –沃兹基·卞德 想必刚接触 React 的童靴们一定对生命周期理解的云里雾里的，只看 api 是万万不能够的，在这里本人分享一下关于生命周期的一些理解。首先先抛出个概念，React 组件的生命周期分为三个阶段：挂载阶段，更新阶段，卸载阶段一般的来说 挂载阶段 (v16之后render前可能被执行多次) 和 卸载阶段 只...

更新阶段分为两部分 父组件执行 render 或者调用 this.setState。componentWillReceiveProps大部分网上教程为外部 props 发生改变才触发 componentWillReceiveProps，其实不是，当父组件进入 render 时，无论子组件的 props 发没发生改变，都会执行该生命周期函数。 函数参数有一个，为 nextProps...

在一个展示型网站一些 hover 的小效果简单又实用。 在 React 中对元素 / 组件添加 onMouseEnter 和 onMouseLeave 即可完成鼠标移入移出事件。Code import React, {Component} from 'react';import './index.css';class Management extends Comp...

componentWillUnmount这个阶段只有这一个生命周期函数，因为组件已经被卸载的了话也不会再调用生命周期钩子函数了。一般在这个函数内应该进行一些清理缓存，取消定时器，取消监听的一些事件。componentDidCatch...

11

阅读 ant-design 源码这个计划已经列了好久了，迟迟没有实现，总体来说是时候开一个头了。 组件顺序就是按照字母顺序排序吧。准备知识react 知识，这个不多解释了typeScript 因为 antdesign 是用 ts 写的源码地址 githubLet’s go首先我们打开官方文档，看看 Alert 组件的应用场景。 当某个页面需要向用户显示警告的信...