随笔分类 - react
摘要:```jsimport React, {Component} from 'react';class LifeCycle extends Component { // [基本流程] // constructor 创建一个组件 constructor(props) { super(props); console.log('constructor'); ...
阅读全文
摘要:```js/** * @method createElement * @param type {string} * @param props {Object} * @param children {string} */let createElement = (type, props, ...children) => { props = props || {}; let obj = { ...
阅读全文
摘要:面试题: 1). react/vue中的key的作用/内部原理 2). 为什么列表的key尽量不要用index 虚拟DOM的key的作用? 1). 简单的说: key是虚拟DOM对象的标识, 在更新显示时key起着极其重要的作用 2). 详细的说: 当列表数组中的数据发生变化生成新的虚拟DOM后,
阅读全文
摘要:Component存在的问题? 1). 父组件重新render(), 当前组件也会重新执行render(), 即使没有任何变化 2). 当前组件setState(), 重新执行render(), 即使state没有任何变化解决Component存在的问题 1). 原因: 组件的componentSh
阅读全文
摘要:setState()更新状态的2种写法 setState(updater, [callback]), updater为返回stateChange对象的函数: (state, props) => stateChange 接收的state和props被保证为最新的 setState(stateCh
阅读全文
摘要:import React, {Component} from & 39;react& 39;; import { Menu, Icon } from & 39;antd& 39;; import {Link} from & 39;react router dom& 39;; const menuLi
阅读全文
摘要:路由跳转,replace / push 区别 push: a b c 可以回到上一级 例: this.props.history.push('路由地址') replace: a b c 回不到上一级 适用于登录后,不需要重新回到登页面 例: this.props.history.replace('路
阅读全文