写在前面 高阶组件简称为 HOC,即 High Order Component ,是 React 中,高阶组件是一个函数,其接收的参数为一个组件,并返回一个组件。 HOC 是 react 中用于复用组件逻辑的一种高级技巧。 1. 为什么使用 HOC 为什么使用 HOC,简单来说,就是为了减少代码的重 ...
分类:
其他好文 时间:
2020-09-17 19:21:11
阅读次数:
24
组件从概念上来看就像JS中的一个函数,它可以接收任意的输入值(称之为props),并返回一个需要在页面上展示的React元素。我们可以将UI切分成几个不同的,独立的,可复用的部分,进行单个部分即单个组件的构建,后面进行整合展示就可。 一、函数组件和类组件 组件的名称必须是大写开头,这样是为了在使用时 ...
分类:
其他好文 时间:
2020-09-17 16:10:18
阅读次数:
25
受控组件和非受控组件一般是针对于表单组件来说的 受控组件: 组件的 value 是使用 this.state 来维护的,如果要修改值的话需要事件绑定然后使用 setState 的方式去修改。这种修改方式是属于 由React来控制表单数据值的,所以称为受控组件 非受控组件: 组件的 value 是使用 ...
分类:
其他好文 时间:
2020-09-17 13:15:13
阅读次数:
17
React的生命周期从广义上分为三个阶段:挂载、渲染、卸载 因此可以把React的生命周期分为两类:挂载卸载过程和更新过程。 React的生命周期图: React生命周期图 1. 挂载卸载过程 1.1.constructor() constructor()中完成了React数据的初始化,它接受两个参 ...
分类:
其他好文 时间:
2020-09-17 12:08:23
阅读次数:
27
高级组件概念: 为了提?组件复?率,可测试性,就要保证组件功能单?性; 但是 若要满?复杂需求就要扩展功能单?的组件,在React?就有了 HOC(Higher-Order Components)的概念, 定义:?阶组件是?个??函数,它接收?个组件并返回另?个组 件。 1 import React ...
分类:
其他好文 时间:
2020-09-16 12:27:22
阅读次数:
33
1 react分为聚名卡槽和匿名卡槽两种 2 3 4 5 import React,{Component} from 'react' 6 import Layout from './Layout' 7 import {Consumer} from '../Appcontent' 8 9 class ...
分类:
其他好文 时间:
2020-09-15 21:03:08
阅读次数:
32
非常清楚的介绍:http://www.liulongbin.top:8085/#/ 大致总结: 总的来说给我的第一映像就是有一点点像写react的感觉 setup(props, this(上下文对象)) 该函数相当于一个生命周期函数,vue中过去的data,methods,watch等全部都用对应的 ...
分类:
其他好文 时间:
2020-09-15 20:54:10
阅读次数:
23
React获取DOM元素-ref属性 类组件 通过ref给元素做标记(react不推荐使用) <div id="app"></div> <script type="text/babel"> class App extends React.Component{ componentDidMount(){ ...
分类:
其他好文 时间:
2020-09-14 18:58:28
阅读次数:
86
1.添加env.sh,用于接收外部参数,动态添加至config.js中 #!/bin/sh echo "" >> ${CONFIG_FILE_PATH}/config.js echo "window._env=\"${CE}\";" >> ${CONFIG_FILE_PATH}/config.js ...
分类:
其他好文 时间:
2020-09-12 21:54:07
阅读次数:
67
npm install -g typescript // 全局安装TS tsc --v // 查看版本 sql root ctrl+alt+i,添加 文件头 注释 ctrl+alt+t,添加 函数 注释 netstat -ano | findstr "7001" js执行上下文 全局执行上下文 函数 ...
分类:
其他好文 时间:
2020-09-11 16:16:28
阅读次数:
55