小白目的博客

两个嵌套div，外层div宽度500px，内层div宽度20%，要求把内层div设置成正方形，怎么写样式。一个div嵌套三个div 外层div为flex布局 实现内层俩个div靠左 第三个div靠右，怎么写样式。

功能二：在react中操作dom(避免原生写法。注意：当给子组件添加ref时，需要对其。功能一：引用一个值做持久化记忆。转发，用于向父组件公开其dom。

副作用是相对于纯函数概念来说的， 除事件回调处理副作用，其他副作用尽量放在useEffect中；useEffect清理工作：卸载组件时；下一次更新前清理作用域。

目录引言React diff 算法原理React key 的作用引言 开始正文之前，必须要提一下虚拟DOM (计算机上都是虚拟的你把握不住的(bushi) ,hhhh~)Virtual Dom 本质上是一个JavaScript对象，通过对象的方式来表示DOM结构；是对真实 DOM 的抽象，更加轻量级。将页面的状态抽象为JS对象的形式，配合不同的渲染工具，使跨平台渲染成为可能。通过事务处理机制，将多次DOM修改的结果一次性的更新到页面上，在每次数据.........

Windows 上用原mac上的方式，起项目报错：mac上start 没问题，但是window应该 dev！原因分析：1）此处找不到这个命令是什么原因？无论是Windows还是linux和mac都是在环境变量中的路径里找命令，在path指定的路径里没找到React app mock，所以报这个错。然后REACT_APP_MOCK=true是想在系统中设置一个全局的环境变量Linux和mac可以这样用命令，但是Windows得环境变量不是这么配置的，所以报错。需要用env，查creat

useEffect(() => { getCarInfo(); getPackageinfo(); getRateInfo(times); const timer = setInterval(() => { console.log('old',eventid); getEvent(eventid) getCarInfo(); getPackageinfo(); }, 5000); return ...

一、了解 js 文件和 jsx 文件的差别吗？（以及 ts 与 tsx）定义：JS：即JavaScript，一种直译式脚本语言；JSX:即JavaScript XML——一种在React组建内部构建标签的类XML语法。区别：1、浏览器只能识别普通的js，普通的css，并不能识别scss，或者jsx（scss是css的拓展，jsx可以看做是js的拓展），所以webpack的作用是把scss转换为css，把jsx转换为浏览器可以识别的js，然后浏览器才能...

1、 防抖使用场景：输入框import { useState, useEffect } from "react";export const useDebounce = (value, delay) => { const [debounceValue, setDebounceValue] = useState(value); useEffect(() => { const timer = setTimeout(() => { setDebounceVa

引言：Hook 这个单词的意思是"钩子"。React Hooks 是加强版函数组件，提倡组件尽量写成纯函数，如果需要外部功能和副作用，就用钩子把外部代码"钩"进来。React 官方默认提供了一些常用钩子，当然也可以按照需要封装自己的钩子进行使用。官方钩子： 1. useState()：用于为函数组件引入状态（state）。因为纯函数不能有状态，所以把状态放在钩子里。......

众所周知，setstate在存储/改变值的时候是异步的，简而言之就是不会立马生效： const [kind, setKind] = useState<any>([]); const getSelect = () => { axios.get(`${rmpServiceHost}/package/search_conditions`).then((res) => { console.log(kind) setKindList(res?.da

一、引言要实现对列表的增、删、改功能：对于列表的各行数据可以直接删除，显示数据（对话框显示）并能修改，保存新数据；也可新增新一行的数据。效果图如下：test - StackBlitz -二、demo文件结构三、核心代码App.js注释：1.lodash是一套工具库，内部封装了很多字符串、数组、对象等常见数据类型的处理函数。 2.lodash的所有函数都不会在原有的数据上进行操作，而是复制出一个新的数据而不改变原有数据。类似im...