2020年3月25日
摘要：
效果如下： 代码如下 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta
阅读全文
posted @ 2020-03-25 16:34
旋风小美女
阅读(1121)
推荐(2)
2020年2月27日
摘要：
实现效果如下： 当点击按钮的时候 对一个FormItem里的多个input/或者是input和select进行校验 同时通过Rol/Col实现布局 Rselect/input组件封装的组件如下field.js: import React from 'react'; import { Select,
阅读全文
posted @ 2020-02-27 18:37
旋风小美女
阅读(9451)
推荐(1)
2020年2月22日
摘要：
一，React.Children是什么？ 是为了处理this.props.children(this.props.children表示所有组件的子节点)这个属性提供的工具，是顶层的api之一 React.children的用处：https://www.cnblogs.com/sunxiaopei/p
阅读全文
posted @ 2020-02-22 16:19
旋风小美女
阅读(1533)
推荐(2)
2020年2月19日
摘要：
一.产生context原因 从父组件直接传值到孙子组件，而不必一层一层的通过props进行传值，相比较以前的那种传值更加的方便、简介。 二.context的实现方式 新版本(React16.x后) //创建两个组件 Provider,Consumer //let {Provider,Consumer
阅读全文
posted @ 2020-02-19 15:26
旋风小美女
阅读(2008)
推荐(0)
2020年2月14日
摘要：
1.refs三种使用用法 ref 获取组件或是dom节点实例 一般对于函数 不能获取函数的实例 如果需要获取函数的ref 则React.forwardRef方法 1.字符串 1.1 dom节点上使用 获取真实的dom节点 //使用步骤： 1. <input ref="stringRef" /> 2.
阅读全文
posted @ 2020-02-14 23:50
旋风小美女
阅读(2051)
推荐(0)
2020年1月21日
摘要：
1.什么是Component，PureComponent？ 都是class方式定义的基类,两者没有什么大的区别,只是PureComponent内部使用shouldComponentUpdate(nextProps,nextState)方法，通过浅比较（比较一层），来判断是否需要重新render()函
阅读全文
posted @ 2020-01-21 11:42
旋风小美女
阅读(564)
推荐(1)
2020年1月17日
摘要：
一.什么是jsx jsx是语法糖 它是js和html的组合使用 为什么用jsx语法？ 高效定义模版，通过babel编译后使用 不会带来性能问题 二.jsx语法转化为js语法 jsx语法通过babel转化为js语法 内部调用了React.createElement()方法 html标签 自定义组件 R
阅读全文
posted @ 2020-01-17 13:58
旋风小美女
阅读(3499)
推荐(0)
2019年12月13日
摘要：
看这篇文章之前 建议先看看阮一峰 的Class继承 便于更好的理解 首先要知道一个问题 React的父子组件和组件类的继承有什么关系？答案是：没有关系 父子组件：指的得是组件标签包含关系 父子组件通过这种关系实现组件通信 组件继承：通过class实现继承关系 es6中class实现的继承 class
阅读全文
posted @ 2019-12-13 16:23
旋风小美女
阅读(988)
推荐(0)
2019年11月29日
摘要：
Set特点 ：类数组 新增数据结构 是构造函数 成员值唯一 注重独一无二的特征 Set的几个经典面试题 1.实现数组去重 和Set的交集，并集，差集 console.log(' Set的应用1 '); //数组去重 console.log([...new Set([1, 2, 2,])]) // [
阅读全文
posted @ 2019-11-29 11:46
旋风小美女
阅读(524)
推荐(0)
2019年11月21日
摘要：
1.为什么要用箭头函数 简洁 易用 固定this 指向（箭头函数在this定义时候生效） 2.箭头函数分析this指向 1.this指向调用函数的对象 情况1 var obj={ a:"1", b:function(){//this指向这个function局部作用域 这个作用域的调用对象是obj 所
阅读全文
posted @ 2019-11-21 22:37
旋风小美女
阅读(288)
推荐(0)
浙公网安备 33010602011771号