摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content 阅读全文
posted @ 2022-05-09 17:32 古德拉克 阅读(17) 评论(0) 推荐(0) 编辑
摘要: 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8" /> 5 <meta http-equiv="X-UA-Compatible" content="IE=edge" /> 6 <meta name="viewp 阅读全文
posted @ 2022-05-07 17:37 古德拉克 阅读(31) 评论(0) 推荐(0) 编辑
摘要: 在 React 中,e.nativeEvent 才是原生 DOM 事件的那个 event, 该方法可以阻止监听同一事件的其他事件监听器被调用。在 React 中,一个组件只能绑定一个同类型的事件监听器,当重复定义时,后面的监听器会覆盖之前的。事实上 nativeEvent 的 stopImmedia 阅读全文
posted @ 2022-04-14 19:24 古德拉克 阅读(174) 评论(0) 推荐(0) 编辑
摘要: 咱们来分析,一个组件重新重新渲染,一般三种情况: 要么是组件自己的状态改变 要么是父组件重新渲染,导致子组件重新渲染,但是父组件的 props 没有改版 要么是父组件重新渲染,导致子组件重新渲染,但是父组件传递的 props 改变 阅读全文
posted @ 2022-04-12 11:19 古德拉克 阅读(1034) 评论(0) 推荐(0) 编辑
摘要: 当应用程序包装在<React.StrictMode>中时,您的组件将在开发环境中呈现两次。这用于错误/警告检测。 Strict模式将有意调用以下类组件函数两次:构造函数、render方法和shouldComponentUpdate方法。 阅读文档中有关严格模式的更多信息。 阅读全文
posted @ 2022-04-11 09:51 古德拉克 阅读(898) 评论(0) 推荐(0) 编辑
摘要: 因为defaultValue默认值为写死的某个数组,初始化之后修改其 defaultValue的值并不能修改成功. 解决办法:为Cascader/select组件新增一个key属性,并且key的属性值和defaultValue的属性值保持一致,也就是说这两个的属性值是同一个变量 即可解决该问题。 阅读全文
posted @ 2022-04-08 16:45 古德拉克 阅读(1045) 评论(0) 推荐(0) 编辑
摘要: export default { getItem:(key)=>{ let value try{ value = localStorage.getItem(key) }catch(err){ console.log(err.message); }finally{ return value } }, 阅读全文
posted @ 2022-04-07 08:45 古德拉克 阅读(67) 评论(0) 推荐(0) 编辑
摘要: npm install -S @braintree/sanitize-url将url处理成'about:blank' 阅读全文
posted @ 2022-03-15 10:44 古德拉克 阅读(79) 评论(0) 推荐(0) 编辑
摘要: import React from 'react' import { useSelector, useDispatch } from 'react-redux' export function Counter() { // 从 state 中获取当前的计数值 const count = useSel 阅读全文
posted @ 2022-03-08 17:41 古德拉克 阅读(93) 评论(0) 推荐(0) 编辑
摘要: 自定义 Hooks 典型的四个使用场景:1.抽取业务逻辑;2.封装通用逻辑;3.监听浏览器状态;4.拆分复杂组件。 import React, { useEffect, useCallback, useMemo, useState } from "react"; import { Select, T 阅读全文
posted @ 2022-03-08 17:08 古德拉克 阅读(33) 评论(0) 推荐(0) 编辑