outstanding木槿-CSDN博客

如果以上两种情况都没问题，还有就是看看文件里有没有监听键盘事件例如：keydown，keyup，keypress等，看看是否阻止了默认事件，比如使用了preventDefault()，这个时候一定要检查清楚，如果使用了jquery，看看有没有return false的代码，因为在jquery中return false，既阻止了冒泡，又消除了默认事件。就是我目前碰到的情况，父组件里套着子组件，子组件是个弹窗，在弹窗里对公告标题输入，发现输入后光标一离开，输入的内容就不显示。

2024-01-30 17:13:00 473

原创 useEffect的第二个参数

1、第一个参数：是一个函数，必传项。是组件要执行的副作用。可以看做和这三个函数的组合。2、第二个参数：可以不传或者是一个数组，非必传项。数组里面依赖改变时候副作用函数才会重新更新。所谓依赖改变就是对比 [ 之前值 === 之后值 ] ，如果为，为由基本类型或者引用类型组成的数组。

2024-01-30 16:21:22 1296

原创 react中使用useEffcet抛出错误“超出最大更新深度”

【说明】：函数组件不能使用生命周期，Effect Hook 可以让你在函数组件中执行副作用操作（用于模拟类组件中的生命周期钩子）函数，必传项。是组件要执行的副作用。可以看做和这三个函数的组合。不传或传空 [ ]，非必传项。数组里面依赖改变时候副作用函数才会重新更新。所谓依赖改变就是 [ 之前值 === 之后值 ] ，即更新前的值与更新后的值相等，为渲染。

2024-01-29 16:28:08 507

原创 useState异步回调获取不到最新值

类组件中定义state，通过this.setState更新state里的值。而函数组件中的useState可以使函数组件像类组件一样拥有state。类组件中通过this.setState更新state，进而改变UI视图。函数组件中通过useState来改变UI视图。

2024-01-22 13:13:55 724

原创 this.setState同步还是异步？

this.setState()不保证是同步的，所以在if条件中调用setState修改后的值，是做不到更新。利用this.setState()的第二个参数：回调函数，在等第一个参数内的state更新后再调用。param2: 回调函数 --- 等待state更新后，执行的函数。param1: 对象或函数 --- 改变state的值。发现if语句里拿不到type的值。

2024-01-12 10:19:40 432

原创 Object.keys()

Object.values(obj)返回值是一个包含对象自身的所有可枚举属性值的数组。处理数据，比如后端返回的数据是obj形式的，想要对相同的数据进行层级归类。2. 返回对象中每一项key的。（遍历一个对象，返回一个全是key的数组）（必须包含属性和方法的对象）；

2024-01-11 12:31:53 633

原创 Object.assign()

4.3 Object.assign()拷贝是浅拷贝，它拷贝的是属性值，假如源对象的属性值是一个对象 obj，那么拷贝的则是这个对象值的指针（也就是地址）；Object.assign() 用于将所有可枚举属性的值从一个或多个源对象（sources）分配到目标对象（target），并返回目标对象（target）。Object.assign()是对象的静态方法，Object.assign()拷贝是浅拷贝，它拷贝的是属性值。源对象往target上合并，同时遇到属性相同，后者覆盖前者。4.2 异常会终止拷贝。

2024-01-09 18:04:57 484

转载 React知识

React是一个开源前端 JavaScript 库，用于构建用户界面，尤其是单页应用程序。它用于处理网页和移动应用程序的视图层。React 是由 Facebook 的软件工程师 Jordan Walke 创建的。在 2011 年 React 应用首次被部署到 Facebook 的信息流中，之后于 2012 年被应用到 Instagram 上。阅读资源React 中文文档JSX 是 ECMAScript 一个类似 XML 的语法扩展。基本上，它只是为。

2024-01-09 11:27:24 49

原创富文本BraftEditor引起的bug

不能把富文本处理过程直接写在initialValue上，犹如下面代码这种写法，会导致render渲染一次，富文本处理一次，重复处理，栈溢出。initialValue上写处理后的结果，处理的过程可以写在conponentDidMount生命周期里，一进页面就处理好，处理的结果存在state里，initialValue上拿到state里存的结果。第一次进行回显时，值写在initialValue身上，由于后端返回的时字符串，回显到富文本里，需要把字符串处理或转译下再回显到富文本框里。

2024-01-04 17:52:49 1675

原创 antd-tree树形组件带搜索框的实际应用

项目中用到Tree组件，并且还能进行搜索。

2023-12-26 12:22:38 657

原创 indexOf与includes区别

因为includes，返回是布尔类型true、false，可用于控制某个功能的显隐。方法的基本调用：第一个参数：要查找的元素；第二个参数：position从哪个索引值开始查找。因为indexOf，返回是索引、-1，可用于判断某个值是否在数组里。indexoOf()：不能匹配到数组中的NaN。includes()：能匹配到数组中的NaN。包含返回true，否则false。下标，未找到返回-1。在执行匹配的时候：进行。找到返回第一次出现的。

2023-12-01 17:40:18 409

原创 react大文件上传

文件太大分片上传能加快上传速度,提高用户体验能如果上次上传失败或者中途离开的话下一次上传过的就不用重头开始了已经上传过的文件根据HASH查询直接秒传。

2023-11-22 16:56:05 713

转载 Chrome-Devtools介绍(代码调试)

刚从事前端代码开发那会，遇到代码报错，询问同事，同事直接说 “你F12看一下，打个断点”，蒙了，怎么打断点，怎么看，断点怎么使用，断点的界面看不懂，一顿尴尬，自己也不好意思问，自尊心作祟，不敢问，怕别人嘲笑，怕问的太简单，自己太菜，.....这种感受深有体会，希望下面的能帮助到你们，写代码会调试太重要了，调试就离不开打断点。Sources面板：网页的源文件，Debug调试器，IDE，文件变更与覆盖调试。Console面板：浏览器的控制台，各种输出信息，REPL环境。自律神仙ScarSu。

2023-11-16 18:15:57 117

原创 react-antd组件 input输入框：实现按回车搜索

antd组件里搜索框。

2023-10-25 17:54:32 1266

原创 react-antd-date日期默认英文，改成中文（中英混合）

【代码】react-antd-date日期默认英文，改成中文（中英混合）

2023-10-25 14:39:45 778

原创 React 中常用的几种路由跳转方式

一、push跳转。

2023-10-25 14:23:31 3074

原创 reduce()方法

对没有值的数组元素，不执行 reduce() 方法。reduce() 方法不会改变原始数组。作为初始值传递给函数的值。

2023-10-23 14:57:54 120

原创 react+antd+Table实现表格初始化勾选某条数据，分页切换保留上一页勾选的数据

【代码】react+antd+Table实现表格初始化勾选某条数据，分页切换保留上一页勾选的数据。

2023-10-17 10:24:52 594

原创 Table表格加了rowSelection属性，选择框却勾选不了

原因： onChange方法里的 selectedRowKeys, selectedRows（左右）是不是按照组件antd的写法，别写错位置喽；rowSelection 方法里用的selectedRowKeys，而非selectedRows。

2023-10-17 09:43:15 967

原创 react-------JS对象、数组方法实际应用集合

不可设置属性不能被删除。比如Math、Array、Object内置对象属性以及使用Object.defineProperty()方法设置的属性。ES6新增的方法，Reflect.deleteProperty(对象，属性名)，返回一个布尔值。delete操作符移除对象指定属性，删除成功返回true，否则返回false。删除的属性不存在，delete不会起任何作用，但是仍会返回true。delete 将完全从对象中删除属性，会导致原始对象的发生改变，但速度很慢。属性本身仍将存在于对象中，它还会改变原始对象。

2023-10-16 15:00:45 550

空空如也

空空如也