随笔分类 - react
摘要：- 在react钩子函数及合成事件中,表现为异步; - 在setTimeout,setInterval等函数中,包括在Dom原生事件中,他都表现为同步;
阅读全文
摘要：<Grid item xs={COLUMN_WIDTH}> { <FieldArray name='lanes' render={(arrayHelpers: any) => ( <React.Fragment > <FormControl fullWidth> <InputLabel>车道3</I
阅读全文
摘要：优点有二: —是方便进行逻辑复用;二是帮助关注分离。 创建方式: 函数名 以use开头的,并且函数体内使用的原生hooks. 使用hooks的好处之一是可以修改组件的state,让页面更新,但是常规的工具函数类并不能做到更新页面. 复杂状态管理 怎么使用最优与最合理的方式去管理你的应用程序状态? 原
阅读全文
摘要：在 React 中，e.nativeEvent 才是原生 DOM 事件的那个 event, 该方法可以阻止监听同一事件的其他事件监听器被调用。在 React 中，一个组件只能绑定一个同类型的事件监听器，当重复定义时，后面的监听器会覆盖之前的。事实上 nativeEvent 的 stopImmedia
阅读全文
摘要：咱们来分析，一个组件重新重新渲染，一般三种情况： 要么是组件自己的状态改变 要么是父组件重新渲染，导致子组件重新渲染，但是父组件的 props 没有改版 要么是父组件重新渲染，导致子组件重新渲染，但是父组件传递的 props 改变
阅读全文
摘要：当应用程序包装在<React.StrictMode>中时，您的组件将在开发环境中呈现两次。这用于错误/警告检测。 Strict模式将有意调用以下类组件函数两次：构造函数、render方法和shouldComponentUpdate方法。 阅读文档中有关严格模式的更多信息。
阅读全文
摘要：自定义 Hooks 典型的四个使用场景：1.抽取业务逻辑；2.封装通用逻辑；3.监听浏览器状态；4.拆分复杂组件。 import React, { useEffect, useCallback, useMemo, useState } from "react"; import { Select, T
阅读全文
摘要：事实上，在处理这类请求的时候，模式都是类似的，通常都会遵循下面步骤： 1.创建 data，loading，error 这 3 个 state； 2.请求发出后，设置 loading state 为 true； 3.请求成功后，将返回的数据放到某个 state 中，并将 loading state 设
阅读全文
摘要：const themes = { light: { foreground: "#000000", background: "#eeeeee" }, dark: { foreground: "#ffffff", background: "#222222" } }; // 创建一个 Theme 的 Co
阅读全文
摘要：useEffect 让我们能够在下面四种时机去执行一个回调函数产生副作用： 1.每次 render 后执行：不提供第二个依赖项参数。比如useEffect(() => {})。 2.仅第一次 render 后执行：提供一个空数组作为依赖项。比如useEffect(() => {}, [])。 3.第
阅读全文
