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