React Hooks 基础、实现、原理 1.Hooks的调用尽量只在顶层作用域进行调用。2.不要在循环、条件或者是嵌套函数中调用Hook,否则可能会无法确保每次组件渲染时都以相同的顺序调用Hook。3.Hooks 的串联不是一个数组,是一个链式的数据结构,从根节点 workInProgressHook 向下通过 next 进行串联。4.React Hooks目前只支持函数组件。
问题小结(3.22) 1.通过搜索展示的内容其中的关键词显示高亮 我们通过后端给与的接口,调用接口展示数据内容时,有时候是带条件参数的,也就是说通过特定的参数来查询相对应的数据。搜索按钮功能就是如此,那么当我们需要把展示的数据其中的关键词搜索展示的是高亮应该如何做到呢? 方法:1.通过正则表达式把对应的内容筛选出来,然后设置其的高亮样式再通过拼接拼接回去,将拼接后的数据展示到页面当中 2.遍历数据利用indexOf判断是否有对应的关键词,关键词内容设置为高亮后返回数据,再展示 我利用的是第二种方法: <span v-htm
问题小结(key) 1.const声明的常量不可以改变? 在学习ES6的时候都会有这样的说法,const定义的变量不可以修改,而且必须初始化。 但是但const定义的常量为对象呢? 例如 const obj = {a:1};obj.a = 2;console.log(a) //输出为2 因为对象是引用数据类型,里面的值只是引用所在地址所以可以修改。但是如果我们要使对象里面的值不能修改呢? 那就要用到Object.freeze()方法了。需要注意的是,使用 Object.freeze()冻结的对象只能保证这个对象的属性不变,如果
开发中发现的小技巧 1.利用Echart作一个词云 为了减少消耗和可复用性,将其封装成一个组件 EChart_wordcloud.vue <template> <div :style="{height:height,width:width}" /> </template> <script> import * as echarts from 'echarts'; import "echarts-wordcloud"; // echarts theme require('echa
Redux使用例子 组件: import React, { Component } from 'react' //引入action import { increment, decrement, incrementAsync } from '../../redux/actions/count' //引入connect用于连接UI组件与redux import {connect} from 'react-redux' //定义UI组件 class Count extends Component { state = {car
Redux知识点 Redux中文文档:https://www.redux.org.cn/ Redux 是 JavaScript 状态容器,提供可预测化的状态管理。 可以让你构建一致化的应用,运行于不同的环境(客户端、服务器、原生应用),并且易于测试。不仅于此,它还提供 超爽的开发体验,比如有一个时间旅行调试器可以编辑后实时预览。Redux 除了和 React 一起用外,还支持其它界面库。 它体小精悍(只有2kB,包括依赖)。 作用: 集中式管理react应用中多个组件共享的状态。 什么情况下需要使用redux? 1.某个组件