E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
HOOKS
react18-webchat:基于react+arco+zustand仿微信客户端聊天实例
React18
Hooks
+Vite4网页聊天项目|react仿微信实战ReactChat。
xiaoyan_2018
·
2023-10-18 07:47
react18
hooks
react项目案例
react18-webchat
react18
hooks聊天
react18+zustand
react18+arco实例
react仿微信
基于React + Ant Design Pro的博客后台管理系统
其中主要使用了React
Hooks
+函数组件安装//安装依赖包npmi//运行npmstart打开浏览器,输入http://localhost:8000功能介绍博客拥有博
不知如何
·
2023-10-18 07:46
react.js
javascript
前端
react常用的
hooks
有哪些?
React常用的
Hooks
包括以下几种:1.useState:用于在函数组件中创建和管理状态。它返回一个数组,第一个值是当前状态的值,第二个值是更新状态的函数。
泡芙·草莓
·
2023-10-18 07:07
react.js
javascript
前端
React中高阶组件、Render props、
hooks
这三者都是react中解决代码复用的主要方式:1、HOC在官方解释中:高阶组件(HOC)是React中复用组件逻辑的一种高级技巧。HOC自身不是ReactAPI的一部分,它是一种基于React的组合特性而形成的一种设计模式。简而言之,HOC是一种组件的设计模式,HOC接收一个组件和额外的参数,返回一个新的组件。HOC是纯函数,没有副作用。functionwithSubscription(Wrapp
liuzhao0613
·
2023-10-18 06:13
react.js
1024程序员节
【react】12.React 高阶组件、Render props、
hooks
有什么区别?
这三者是目前react解决代码复用的主要方式:高阶组件(hoc)官方解释:高阶组件(HOC)是React中用于复用组件逻辑的一种高级技巧。HOC自身不是ReactAPI的一部分,它是一种基于React的组合特性而形成的设计模式。简言之,HOC是一种组件的设计模式,HOC接受一个组件和额外的参数(如果需要),返回一个新的组件。HOC是纯函数,没有副作用。//hoc的定义functionwithSub
wangky57
·
2023-10-18 06:12
react
react.js
javascript
前端
React 高阶组件、Render props、
hooks
有什么区别
这三者是目前react解决代码复用的主要方式:高阶组件(HOC)是React中用于复用组件逻辑的一种高级技巧。HOC自身不是ReactAPI的一部分,它是一种基于React的组合特性而形成的设计模式。具体而言,高阶组件是参数为组件,返回值为新组件的函数。renderprops是指一种在React组件之间使用一个值为函数的prop共享代码的简单技术,更具体的说,renderprop是一个用于告知组件
观空自然
·
2023-10-18 05:11
前端面试
前端
render props、高阶组件 和 Hook。
React高阶组件、Renderprops、
hooks
有什么区别,为什么要不断迭代。
文摘资讯
·
2023-10-18 05:39
react.js
javascript
ecmascript
前端
前端框架
react源码解析15.scheduler&Lane
源码目录结构和调试5.jsx&核心api6.legacy和concurrent模式入口函数7.Fiber架构8.render阶段9.diff算法10.commit阶段11.生命周期12.状态更新流程13.
hooks
全栈潇晨
·
2023-10-17 21:57
cordova移动端问题记录
cordova打包生成app文件,在手机上看效果安装cordova:npminstall-gcordova;生成项目壳子:cordovacreatemyAppconfig.xml目录:cordova的配置文件
hooks
王逵_e9b3
·
2023-10-17 12:05
从零开始搭建一个 React 项目 -- 配置篇(一)
从零开始搭建一个React项目–配置篇(一)参考资源:从零搭建完整的React项目模板(Webpack+React
hooks
+Mobx+Antd)1.项目初始化及常用以来安装配置(1)创建名为react-admin-demo
前端搬砖猿
·
2023-10-17 06:02
webpack
react
前端
Vue3后台管理系统模板推荐
包括二次封装组件、utils、
hooks
、动态菜单、权
文海鸥
·
2023-10-17 02:16
vue.js
vue.js
javascript
前端
轻松学会 React 钩子:以 useEffect() 为例
但是,最近我逐渐体会到React钩子(
hooks
)非常好用,重新认识了React这个框架,觉得应该补上关于钩子的部分。
ruanyf
·
2023-10-16 21:26
react.js
javascript
前端
ecmascript
前端框架
在 Vue3 中实现 React 原生
Hooks
(useState、useEffect),深入理解 React
Hooks
的
关于Vue3的React-style
Hooks
的实现原理和React
Hooks
的实现原理在社区里已经有很多讨论的文章了,希望本文可以给你不一样的角度去理解React
Hooks
的本质原理,也只有理解了React
Hooks
前端瓶子君
·
2023-10-16 21:54
链表
vue
react
python
js
【React 进阶】函数组件中 React
Hooks
详解与实践
时隔一年半之久再次重新学习React,好多都还是原来的样子,这次我要重新开启React的大门,希望各位小伙伴可以一起讨论学习呦~前言今天我们开启第四个专题:函数组件中React
Hooks
详解与实践。
八了个戒
·
2023-10-16 21:23
React系列
前端
前端面试
前端
reactjs
react
react.js
javascript
React源码中的
Hooks
:深入理解React中的钩子机制
在React生态系统中,
Hooks
是一种强大且灵活的特性,它们被设计用于在无需编写类组件的情况下管理状态和副作用。本文将深入探讨React源码中的
Hooks
实现,以便更好地理解它们的工作原理。
TasDebug
·
2023-10-16 21:22
React
react.js
javascript
前端
React
React
Hooks
基本使用详解
React
Hooks
基本使用详解
Hooks
letyouusestateandotherReactfeatureswithoutwritingaclass
Hooks
可以让你在不编写class的情况下使用state
LittleRoundFace
·
2023-10-16 21:51
react.js
react +
hooks
实现antd Table组件 展开一个其他关闭(手风琴效果)
antdTable组件-手风琴用到的属性用到的属性expandedRowKeys={string}展开的行,控制属性const[expandedRowKeys,setExpandedRowKeys]=useState([]);constversionExpandHandle=(expanded:any,record:any)=>{//expanded展开->truelettemp:any=[];i
WO-SHI-ZHU
·
2023-10-16 21:29
react
hook
antd
react
hooks
tablet
轻松学会 React 钩子:以 useEffect() 为例
一、React的两套API以前,ReactAPI只有一套,现在有两套:类(class)API和基于函数的钩子(
hooks
)API。任何一个组件,可以用类来写,也可以用钩子来写。下面是类的写法。
sanly_shi
·
2023-10-16 15:55
javascript
react.js
前端
React
Hooks
Hooks
在16.8版本中被添加到React,允许函数组件访问状态和其他React特性。因此,通常不再需要类组件。尽管
Hooks
通常会替换类组件,但没有计划从React中删除类。什么是
Hooks
?
lio_zero
·
2023-10-16 09:21
表格Table常用逻辑
hooks
封装,自用,基于AntD-React
先看最终代码:importReact,{useState,useMemo,useEffect}from'react'interfacePageAbout{current:numberpageSize:number}//配合antd的table,生产table所需函数方法及stateexportfunctionuseTableData({tableParamsInit={pageSize:10,cu
布可booker
·
2023-10-16 08:08
快速上手 React-
Hooks
所以在上个月跳槽时当多个面试官问到React-
Hooks
时会觉得有点生疏,后来专门去了解学习才理解了其作用及使用。下面来分享一些自己学习的资料整理,希望可以帮助想要接触react的你。
三分梦_0bc3
·
2023-10-15 08:25
React之setState
useState函数可以执行多次,每次执行互相独立,每调用一次为函数组件提供一个状态2、useState只能出现在【函数组件】或者其他hook函数中3、不能嵌套在if/for/其它函数中(react按照
hooks
老电影故事
·
2023-10-15 07:05
React
react.js
javascript
前端
React之组件、组件通信
一、函数(无状态)组件和类(有状态)组件在react
hooks
出来之前,函数组件只根据传入的props来展示视图,不涉及对state的操作,也没有生命周期函数,是没有副作用的纯函数。
二阶求导
·
2023-10-15 03:33
react
css
html
react.js
cocopods ruby报错 Traceback (most recent call last):
Traceback(mostrecentcalllast):17:from/Users/john.lee/.rvm/gems/ruby-2.7.0-preview1/bin/ruby_executable_
hooks
何康老鬼
·
2023-10-14 23:06
SwiftLine安装使用---包含Git
Hooks
SwiftLine的使用分为编译期间和代码提交期间1.SwiftLine的安装使用-编译期间的使用参考文章:https://blog.csdn.net/blog_t/article/details/89025230?spm=1001.2101.3001.6661.1&utm_medium=distribute.pc_relevant_t0.none-task-blog-2%7Edefault%7E
c1b31448861a
·
2023-10-14 17:49
vue项目打包,使用externals抽离公共的第三方库
hfex-auto-externals-plugin自动注入插件,使用unplugin和html-webpack-plugin进行封装html-webpack-plugin从4.0版本开始引入了get
Hooks
UzumakiHan
·
2023-10-14 15:20
vue.js
externals
webpack
vite
React18入门(第三篇)——React
Hooks
详解,React内置
Hooks
、自定义
Hooks
使用
1.6使用immer修改state二、内置Hook——useEffect2.1作用及使用2.2执行时机2.3useEffect执行两次三、其他内置
Hooks
3.1useRef—
礼貌而已
·
2023-10-14 12:14
#
React基础
react.js
前端
typescript
SpringBoot 如何优雅的停机
SpringBoot如果需要使用hook则需要开启spring.main.register-shutdown-hook=true(默认为true)如果使用kill-9则不会出发JVM的hook,kill可以正常触发
hooks
erver
深色風信子
·
2023-10-14 05:06
spring
boot
后端
java
SpringBoot
hook
hook
React知识点系列(7)-每天10个小知识
目录1.在React中,如何使用`useCallback`和`useMemo`
Hooks
来优化性能?请解释一下它们的工作原理和适用场景。
云边散步
·
2023-10-14 05:33
react
react.js
log4j
前端
WebStorm中定义React函数组件模板
WebStrom中可以定义快捷键直接生成代码模板,React16后,由于
hooks
的加入,新的项目逐步更改为全函数组件的方式,采用
hooks
进行状态管理,针对此情况,做了个WebStorm的函数组件模板
杞梓林
·
2023-10-14 04:47
[RSA议题分析] eBPF Warfare - Detecting Kernel & eBPF Rootkits with Tracee
Tracee-一个运行时安全检查工具RootKit种类与各个阶段的攻防LD_PRELOADRootKitKernelModuleRooKitKernelRootKitHidingKernelRootKit
Hooks
yscalltablehookingfileoperationshookingKernelRoot
breezeO_o
·
2023-10-13 18:34
杂七杂八
RootKit
eBPF
linux内核
恶意软件
RSAC2023
Git使用
gitinitInitializedemptyGitrepositoryin/usr/local/var/www/basic/.git/l@bogonbasic%ls.git/HEADconfigdescription
hooks
infoobject
简简天天
·
2023-10-13 12:51
React知识点系列(1)-每天10个小知识
4.什么是React
Hooks
?你常用哪些
Hooks
,并简单介绍一下它们的作用。5.在React中,如何处理组件之间的状态共享?6.如何在React中实现路由功能?你用过哪些React路由库?
云边散步
·
2023-10-13 07:32
react
react.js
前端
前端框架
Linux 安全 - LSM hook点
文章目录一、LSMfilesystem
hooks
1.1LSMsuper_block
hooks
1.2LSMfile
hooks
1.3LSMinode
hooks
二、LSMTask
hooks
三、LSMIPC
hooks
小立爱学习
·
2023-10-13 03:51
系统安全
linux
c语言
系统安全
React
Hooks
专题-contextHook
ContextHook在之前的开发中,我们要在组件中使用共享的Context有两种方式;类式组件可以通过类型.contextType=MyContext的方式,在类中获取context;多个Context或者在函数式组件中通过MyContext.Consumer方式共享context;但是多个Context共享的时候会存在大量的嵌套;ContextHook允许我们通过Hook来直接获取某个Cont
Xavier-萧
·
2023-10-13 01:47
react
Hooks
react.js
javascript
前端
React
Hooks
专题-useReducer
链接:文档链接.useReducer很多人看到useReducer的第一反应应该是redux的替代品,其实并不是;useReducer仅仅是useState的一种替代方案;在某些场景下,如果state的处理逻辑比较复杂,我们可以通过useReducer来对其进行拆分;或者这次修改的state需要依赖之前的state时,也可以使用;useReducer的基本使用functioncounterRedu
Xavier-萧
·
2023-10-13 01:47
react
Hooks
reactjs
React
Hooks
专题-useCallback
useCallBack的使用useCallback在什么时候使用?场景:将一个组件中的函数,传递给子组件进行回调使用的时候,使用useCallback对函数进行处理useCallBack实际的目的是为了进行性能优化;如何进行性能优化呢?(基本上都配合memo使用)memo基本使用问题再现react中当组件的props或者state变化时,会重新渲染视图,实际开发中会遇到不必要渲染的场景子组件fun
Xavier-萧
·
2023-10-13 01:47
react
Hooks
react.js
javascript
前端
React
Hooks
: 深入剖析 useMemo 和 useEffect
背景最近React团队发布消息,称他们即将基于
Hooks
重写官方文档,FunctionComponent即将代替ClassComponent成为官方主推的开发方式。
React 中文社区
·
2023-10-12 23:48
编程语言
react
面试
java
javascript
React
Hooks
中父组件中调用子组件方法
子组件import{useState,useImperativeHandle,forwardRef}from'react';//props子组件中需要接受refletChildComp=(props,ref)=>{//此处注意useImperativeHandle方法的的第一个参数是目标元素的ref引用useImperativeHandle(ref,()=>({//changeVal就是暴露给父组
泽赫
·
2023-10-12 20:57
[React 从零实践04-后台] docker-compose 部署react+egg+nginx+mysql
导航[react]
Hooks
[React从零实践01-后台]代码分割[React从零实践02-后台]权限控制[React从零实践03-后台]自定义
hooks
[React从零实践04-后台]docker-compose
woow_wu7
·
2023-10-12 18:47
webpack通俗易懂(四)
webpack通俗易懂(四)1,source-map2,devServer3,https4,eslint5,git-
hooks
与husky辛苦编写良久,还望点赞鼓励呦~1,提高开发效率,完善团队开发规范
小王子__
·
2023-10-12 12:22
解决react状态管理---React Query
什么是ReactQueryreact-query是一个适用于react
hooks
的请求库,它可以为任何类型的异步数据提供React状态管理功能,使React中的获取、缓存、同步和更新服务器数据变得轻而易举
LH_R
·
2023-10-12 03:14
react
React 函数式组件缓存原理
对React函数式组件缓存的思考自从React16.8版本推出
Hooks
用法以来,围绕函数组件的优化出现了各种不同的思考。本篇文章从React底层Render角度,分析React的渲染缓存机制。
PingMinWangZi
·
2023-10-12 03:59
React
Hooks
react.js
javascript
缓存
基于Vue3+ele-Plus+Ts封装高级搜索组件,支持JSON数据传入生成搜索条件
创建搜索组件import{reactive}from'vue'importsearchTablefrom'
hooks
/searchTable'importtype{FormInstance}from'element-plus
难度较大
·
2023-10-12 01:54
json
vue.js
javascript
解决 React
Hooks
的闭包陷阱
原因:闭包陷阱产生的原因就是useEffect等hook里用到了某个state,但是没有加到deps数组里,这样导致state变了却没有执行新传入的函数,依然引用的之前的state。解决方式一:把state设置到deps依赖项里,并添加清理函数;闭包陷阱的解决也很简单,正确设置deps数组就可以了,这样每次用到的state变了就会执行新函数,引用新的state。不过还要注意要清理下上次的定时器、事
ttyt1217
·
2023-10-12 00:38
前端
技术积累
react.js
前端
前端框架
a
hooks
是怎么解决 React 的闭包问题的?
React的闭包问题,举个例子importReact,{useState,useEffect}from"react";exportdefault()=>{const[count,setCount]=useState(0);useEffect(()=>{setInterval(()=>{console.log("setInterval:",count);},1000);},[]);return(co
码不动的码蜂
·
2023-10-12 00:29
react.js
javascript
前端
浅谈React
hooks
函数组件的闭包陷阱以及解决方法
相信使用React
hooks
开发的小伙伴肯定或多或少都遇到过一些“奇怪”的“闭包陷阱”的场景(其实是符合逻辑的)。
A_STUDY程序媛
·
2023-10-12 00:56
React
hooks
react.js
javascript
VUE3+vite
[name]获取2.插槽,3.数据劫持4.组合式api或setup语法糖5.v-if和v-for优先级不同6.ref和$children不同7.
hooks
vite构建大致
SoWhat~
·
2023-10-11 19:45
vue
vue.js
vue3自定义指令之防抖
还真有,那就是自己定义指令一、在main中使用自定义指令importuseDebouncefrom'@/
hooks
/useDebounce'co
XIE392
·
2023-10-11 16:41
vue
JavaScript
javascript
前端
vue.js
【taro react】 ---- 常用自定义 React
Hooks
的实现【四】之遮罩层
1.问题场景在实际开发中我们会遇到一个遮罩层会受到多个组件的操作影响,如果我们不采用redux之类的全局状态管理,而是选择组件之间的值传递,我们就会发现使用组件的变量来控制组件的显示和隐藏很不方便,更不要说像遮罩层这样一个项目多处使用的公共组件,他的隐藏和显示也只能放到某一个模块的redux中,还要解决遮罩层在ScrollView内,会在IOS显示不全,等等bug的问题,可以说烦不胜烦。2.解决办
Rattenking
·
2023-10-11 13:12
Taro
React
入门到实战系列
taro
react.js
前端
上一页
12
13
14
15
16
17
18
19
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他