岁月静好LLL-CSDN博客

原创 React Hooks原理探究

概览React 中通常使用类定义或者函数定义创建组件:在类定义中，我们可以使用到许多 React 特性，例如 state、各种组件生命周期钩子等，但是在函数定义中，我们却无能为力，因此 React 16.8 版本推出了一个新功能 (React Hooks)，通过它，可以更好的在函数定义组件中使用 React 特性。好处:1、跨组件复用: 其实 render props / HOC 也是为了复用，相比于它们，Hooks 作为官方的底层 API，最为轻量，而且改造成本小，不会影响原来的组件层次

2021-11-16 19:16:24 1219

转载 Git-回退到指定版本

Git-回退到指定版本方法一：git reset2.方法二：git commit --amend方法一：git reset直接回退到指定版本，目标版本之后的提交将被删除。情况一：“git reset --hard 版本库地址” ，拉取服务器指定提交到暂存区，该操作不影响工作区。————————————————版权声明：本文为CSDN博主「JeffersonGO」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。原文链接：https://blog.csdn.

2021-10-25 09:54:58 948

原创 Dropdown 在 overlay添加搜索功能

首先展示对应效果下面是funtion 组件实现的代码export const OfficeMenu = function OfficeMenu({ wardMap, handleSelectWard }) {const [wardList, setWardList] = useState([]);const [initWardList, setInitWardList] = useState([]);useEffect(() => {const wardList = [];for (l.

2021-10-25 09:52:33 603

原创 table表格上移下移操作方法总结

//上移函数upGo = (dataSource, index) => {if (index != 0) {dataSource[index] = dataSource.splice(index - 1, 1, dataSource[index])[0];} else {dataSource.push(dataSource.shift());}};//下移函数downGo = (dataSource, index) => {if (index != dataSource.le

2021-08-09 14:35:40 959

原创 Object.defineProperty相关理解

一、Object.defineProperty定义：Object.defineProperty() 方法会直接在一个对象上定义一个新属性，或者修改一个对象的现有属性，并返回此对象为什么能实现响应式通过defineProperty 两个属性，get及setget属性的 getter 函数，当访问该属性时，会调用此函数。执行时不传入任何参数，但是会传入 this 对象（由于继承关系，这里的this并不一定是定义该属性的对象）。该函数的返回值会被用作属性的值set属性的 setter 函数，当属性值

2021-08-02 14:32:31 232

原创解决单元格合并问题

1 通过给table传入span-method方法可以实现合并行或列，方法的参数是一个对象，里面包含当前行row、当前列column、当前行号rowIndex、当前列号columnIndex四个属性。该函数可以返回一个包含两个元素的数组，第一个元素代表rowspan，第二个元素代表colspan。也可以返回一个键名为rowspan和colspan的对象。2 通过给 type=index 的列传入 index 属性，可以自定义索引。该属性传入数字时，将作为索引的起始值。也可以传入一个方法，它提供当前行的行

2021-08-02 14:28:59 608

原创 JS数组项目中常用的方法

这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Ma...

2021-08-02 14:27:57 92

转载 js数组相关操作方法

1.join() （数组转字符串）数组转字符串，方法只接收一个参数：即默认为逗号分隔符（）。join()实现重复字符串2.push()和pop()（数组尾操作）push()：方法可向数组的末尾添加一个或多个元素，并返回新的长度。pop()：方法用于删除并返回数组的最后一个元素。3.shift() 和 unshift()（数组首操作）shift()：方法用于把数组的第一个元素从其中删除，并返回第一个元素的值。unshift()：方法可向数组的开头添加一个或更多元素，并返回新的长度。4

2021-08-02 14:25:44 157

原创表单处理相关总结

表单处理Link组件用于正常的用户点击跳转，但是有时还需要表单跳转、点击按钮跳转等操作。这些情况怎么跟React Router对接呢？下面是一个表单。 Go第一种方法是使用browserHistory.pushimport { browserHistory } from ‘react-router’// …handleSubmit(event) {event.preventDefault()const userName = event.target.elements[0]

2021-08-02 14:22:50 112

转载 react-hooks

一、什么是 HooksReact 一直都提倡使用函数组件，但是有时候需要使用 state 或者其他一些功能时，只能使用类组件，因为函数组件没有实例，没有生命周期函数，只有类组件才有Hooks 是 React 16.8 新增的特性，它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性如果你在编写函数组件并意识到需要向其添加一些 state，以前的做法是必须将其它转化为 class。现在你可以直接在现有的函数组件中使用 Hooks凡是 use 开头的 React API

2021-08-02 14:21:17 217

LLL15003978801的博客