#React

第八章 React Hooks之useImperativeHandle、forwardRef 父子组件通信

本专栏将引领您快速上手React，让我们一起放弃放弃的念头，开始学习之旅吧！
Etc.End·2023-12-14 19:02

failed to install C:\Users\Administrator\.expo\android-apk-cache\Exponent-2.29.8.apk: Failure [INSTA

Exponent-2.29.8.apk:Failure[INSTALL_FAILED_CONTAINER_ERROR:Failedtoextractnativelibraries,res=-18]使用Expo搭建的ReactNatvie
Leo_DLi·2023-12-14 18:32

react中MQTT的基础用法

在react中如何使用？1、安装MQTTnpminstallmqtt--save#oryarnaddmqtt2、使用MQTT主要包含连接服务、订阅主题、取消订阅主题、给主题发布消息、断开连接
心情无变化·2023-12-14 18:25

说说React中的虚拟dom？在虚拟dom计算的时候diff和key之间有什么关系？

虚拟DOM（VirtualDOM）是React中的一种机制，通过在内存中构建一棵轻量级的虚拟DOM树来代替操作浏览器DOM，从而提高组件的渲染性能和用户体验。
是个车迷·2023-12-14 17:07

解决react启动服务时source-map-loader插件报错找不到源文件“index.ts“的源映射文件

webpack5:Failedtoparsesourcemapfrom“**********”如下图所示:Thesourcemapfileslinkstothesrc/-folderthatisnotdistributed.//node_modules/@mswjs/interceptors/lib/interceptors/utils/uuid.js.map{"version":3,"file"
kuilaurence·2023-12-14 17:34

react内置组件之＜StrictMode＞＜/StrictMode＞

1、作用：是React提供的一个组件，用于帮助开发者在开发过程中检测潜在的问题，并修复一些常见的警告。使用组件包裹应用程序或组件可以启用一些额外的检查和警告。
秃头的小毛驴·2023-12-14 15:08

react Api之createContext

1、作用：createContext是一个用于创建上下文（context）的API。上下文可以让您在组件树中共享数据，而不必手动通过props层层传递。2、使用方式：createContext函数接受一个初始值作为参数，该初始值将在组件树中没有匹配到对应的Provider时被使用。它返回一个包含Provider和Consumer组件的对象。Provider组件:使用Provider组件将上下文的值
秃头的小毛驴·2023-12-14 15:08

react hooks之useRef和useImperativeHandle

2、示例importReact,{useState,useRef}from'react';functionTextInput(){const[value,setValue]=us
秃头的小毛驴·2023-12-14 15:38

react Hooks之useLayoutEffect和useInsertionEffect

在介绍这两个hooks之前。让我们先对比一下useEffect、useLayoutEffect、useInsertionEffect执行时机：useEffect在组件渲染完成后执行，属于异步执行。useInsertionEffect在组件渲染并插入DOM后执行，也属于异步执行。useLayoutEffect在组件渲染完成后立即同步执行，并在浏览器布局和绘制之前运行。对DOM元素的访问：使用useE
秃头的小毛驴·2023-12-14 15:38

react Hooks之useMemo、useCallback

一、useMemo1、作用：用于对值的计算进行缓存，以避免重复计算。它可以帮助优化性能，特别是在处理昂贵的计算操作时非常有用。如何可以对比的话，我猜应该和vue中的计算属性差不多吧。2、用法：在使用useMemo时，你需要传入一个计算函数和一个依赖项数组作为参数。useMemo会返回计算函数的结果，并且只有当依赖项发生变化时才会重新计算值，否则将返回上一次缓存的值。3、示例：import{useM
秃头的小毛驴·2023-12-14 15:38

react内置组件之＜Profiler＞＜/Profiler＞

1、作用：Profiler是React提供的一个内置组件，用于帮助你检测并分析React应用中的性能瓶颈。它可以帮助你了解组件渲染所花费的时间，并提供有关哪些组件需要进行优化的信息。
秃头的小毛驴·2023-12-14 15:38

input , change ,blur 事件的区别，以及在vue和react中的表现

原生事件介绍onInputEvent当一个,,或元素的value被修改时，会触发input事件onChangeEvent当用户更改、和元素的值时，change事件在这些元素上触发。和input事件不同的是，并不是每次元素的value改变时都会触发change事件。基于表单元素的类型和用户对元素的操作的不同，change事件触发的时机也不同：当元素被选中或取消选中时（通过点击或使用键盘）；当元素被选
weixin_46787337·2023-12-14 15:07

正确使用React组件缓存

简介正常来讲的话当我们点击组件的时候，该组件以及该组件的子组件都会重新渲染，但是如何避免子组件重新渲染呢，我们经常用memo来解决React.memo配合useCallback缓存组件父组件没有传propsconstIndex
weixin_46787337·2023-12-14 15:37

react状态提升_React：提升状态将杀死您的应用程序

react状态提升Haveyouheardabout"liftingstateup"?
cullen2012·2023-12-14 14:16

reactHooks之useDeferredValue

React18中推出的一个新的Hook1、作用：在交互式用户界面中，有时候用户的操作会触发大量的状态更新，这可能会导致界面卡顿或不流畅。useDeferredValue可以帮助我们解决这个问题。
秃头的小毛驴·2023-12-14 14:40

react re-render的解决方案

问题代码import{Dispatch,FC,SetStateAction,useState}from'react'import'.
weixin_46787337·2023-12-14 14:39

react面试题总结1

React事件绑定原理React事件绑定原理基于合成事件（SyntheticEvent）系统。在React中，事件绑定是通过将事件处理器函数作为属性传递给特定的组件元素实现的。
梦醒了_该正视自己了·2023-12-14 14:03

React学习网址，扩展安装，工程化创建

React学习网址，扩展安装，工程化创建一、React学习网址官网：https://react.dev/中文网：https://zh-hans.react.dev/上面个的网站只有函数组件没有类组件，有类组件的官网在下面类组件官网
梦醒了_该正视自己了·2023-12-14 14:02

vue面试题总结

Redux是一个独立于框架的JavaScript库，可以与多个框架一起使用，最为常见的是与React配合使用。概念和结构：Vuex的核心概念包括
梦醒了_该正视自己了·2023-12-14 14:32

React antd如何实现＜Upload＞组件上传附件再次上传已清除附件缓存问题

最近遇到一个React上传组件的问题，即上传附件成功后，文件展示处仍然还有之前上传附件的缓存信息，需要解决的问题是，要把上一次上传的附件缓存在上传成功或者取消后，可以进行清除经过一顿试错，终于解决了这个问题
朱季谦·2023-12-14 13:46

【react】动态页面转换成html文件下载，解决样式问题

看到网上有使用fs模块，通过react的ReactDOMServer.renderToStaticMarkup将组件转成html字符串，输出文件了。
silence_xiang·2023-12-14 13:43

React中组件之间如何通信？

面试官：React中组件之间如何通信？
C+ 安口木·2023-12-14 13:36

electron主进程与渲染进程的通信

electron这里记录写一下主进程和渲染进程之间的通信交流是怎么交流的怎么通信的Electronelectron是基于Chromium和Node.js让你可以使用HTML,CSS,JS,TS,VUE,React
weixin_43301027·2023-12-14 13:23

react中判断某元素内是否含有子元素，有则将所有子元素移除，无则添加一个类名为append_class的div元素

类组件实现代码importReact,{Component,createRef}from'react'exportdefaultclassAppextendsComponent{constructor(
心情无变化·2023-12-14 12:36

react中使用ref属性获取元素，并判断该元素内是否含有子元素

在react中，可以使用ref属性来获取到一个元素的引用，然后再使用ref.current来访问该元素的DOM节点，使用DOMAPI来判断这个元素是否含有子元素，要判断一个元素是否含有子元素，可以使用hasChildNodes
心情无变化·2023-12-14 12:06

react中使用heatmap.js实现热力图

React是一个流行的JavaScript库，用于构建用户界面，在React应用程序中使用heatmap.js，首先在你的项目中安装heatmap.js库。
心情无变化·2023-12-14 12:05

反应式编程(Reactive Programming)

本章将介绍该作品系列最后一种编程范式，也就是第种编程范式--反应式编程(ReactiveProgramming)，以及它的优缺点、案例分析和项目代码。
qq_40260394·2023-12-14 12:33

原创 macbook RN 环境搭建（实测心得）

这里的依赖除了Watchman都是必须安装的，按照文档来的时候到创建的时候npxreact-native@latestinitAwesomeProject可能会触发错误，因为这是使用的默认的自带的ruby
lllomh·2023-12-14 12:25

react中使用craco自定义配置

使用create-react-app创建项目时，默认情况下webpack的配置是隐藏的，你可以使用eject将所有的配置暴露出来，但你一旦这么做了，是无法撤销的，这是一个不可逆的操作。
心情无变化·2023-12-14 12:31

react 学习笔记 李立超老师 | (学习中~)

文章目录react学习笔记01入门概述React基础案例HelloWorld三个API介绍JSXJSX解构数组创建react项目(手动)创建React项目(自动)|create-react-app事件处理
nuise_·2023-12-07 00:03

到底什么是Redux中间件——基于Redux-thunk和Redux-saga理解分析

前面的文章中，我们介绍过，React在发送Ajax等异步请求的时候，我们应该将异步请求的逻辑放在componentDidMount钩子函数中。
雪燃归来·2023-12-06 23:38

React进阶

生命周期钩子关于生命周期钩子，官方文档给出了详细的说明React生命周期-官方文档image.png不同阶段调用的生命周期钩子挂载阶段当组件实例被创建并插入DOM中时，其生命周期调用顺序如下：constructor
刷题刷到手抽筋·2023-12-06 23:22

Vue3为什么会推出组合式API

前言大学前端入门学的vue2，工作了又用的React，现在想学习一下Vue3，开篇就介绍了组合式API，这和我认知里的vue2的选项式API区别还是蛮大的。本篇文章简单介绍一下组合式API。
heiyay·2023-12-06 21:15

有关React-hooks的token自己的理解及应用

在这里聊聊关于我对token的浅显认知，由于本人学习前端不久，如有错误，请指正。一、token是什么1、token的本质就是一串字符串，是一段从服务端生成的字符串。在你进行登录时，前端会保存你登录的数据，比如用户名，密码，邮箱，手机号等等。。。。然后通过请求发送到后端，后端对你的前端传来的数据进行加密（根据安全性，可以使用不同的加密算法进行不同程度的加密），生成字符串。2、token主要是用来干啥
宇雨️鱼·2023-12-06 21:55

react之封装有无Token(路由权限控制)的高阶组件

@TOC前景有些路由页面内的内容信息比较敏感，如果用户没有经过登录获取到有效Token，是没有权限跳转的，根据Token的有无控制当前路由是否可以跳转就是路由的权限控制技术方案实现步骤1.在components目录中，创建AuthRoute/index.jsx文件//引入封装的获取token方法import{getToken}from'@/utils'//引入跳转import{Navigate}f
Gik99·2023-12-06 21:52

React开发环境搭建、项目创建、命令使用

前言 由于项目组前端紧缺的原因，一个后端开发安排了前端开发任务，之前有用过VUE开发过后端页面，这么说来还是有经验的，借此记录一下React开发环境搭建过程。
木子走召NB·2023-12-06 20:01

15+铁死亡超高分推荐,快来码思路

今天给同学们分享一篇生信文章“PolydopamineNanoparticlesTargetingFerroptosisMitigateIntervertebralDiscDegenerationViaReactiveOxygenSpeciesDepletion
生信风暴·2023-12-06 20:57

3.6 为单页应用生成 HTML

一个页面常常有很多资源要加载举例说明要求如下：项目采用ES6语言加React框架。给页面加入GoogleAnalytics，这部分代码需要内嵌进HEAD标签里去。
柠檬与断章·2023-12-06 20:16

react-native 修改.gitignore 文件配置后不起作用解决方法

新建的文件在git中会有缓存，如果某些文件已经被纳入了版本管理中，就算是在.gitignore中已经声明了忽略路径也是不起作用的，这时候我们就应该先把本地缓存删除，然后再进行git的push，这样就不会出现忽略的文件了。git清除本地缓存命令如下：1.gitrm-r--cached.2.gitadd.3.gitcommit-m'update.gitignore'------------------
LebranD·2023-12-06 19:20

vscode新建vue项目和react项目

新建vue项目1.文件==>首选项==>用户代码片段==>输入vue然后回车2.添加配置，让vscode允许自定义的代码片段提示出来{"Printtoconsole":{"prefix":"vue","body":["","","$0","","","","","","exportdefault{","name:'',","props:[''],","data(){","return{","","
年轻人多学点·2023-12-06 19:39

Redis Reactor事件驱动模型源码

前置学习：Redisserver启动源码-CSDN博客1、Redis服务器启动的时候就会就一直在轮询。//运行事件处理器，一直到服务器关闭为止aeSetBeforeSleepProc(server.el,beforeSleep);aeMain(server.el);//服务器关闭，停止事件循环aeDeleteEventLoop(server.el);/**事件处理器的主循环*/voidaeMain
我不是攻城狮·2023-12-06 19:22

在非web请求中使用Feign完成微服务调用

Ifyouareactuallyoperatingwithinawebrequesta
万变不离其宗_8·2023-12-06 19:12

vue中使用国密算法SM2、SM3、SM4

1、安装包npminstallgm-crypto2、引入包import{SM4,SM3,SM2}from'gm-crypto';3、SM2加密解密letSM2Data=reactive({publicKey
落叶上的秋·2023-12-06 18:05

react-native知识点记录

后的数据通过reducer存入state通过connect将state按需注入页面形成闭环，首屏数据统一存入state，api和action结合，页面注入和触发，形成前端小范围mvc结构二、罗列知识点基本知识react
王逵_e9b3·2023-12-06 17:54

react native md5加密

js加密的三方库node-forgeMD5的加密方法，仅供参考：npminstallnode-forgevarforge=require('node-forge');varmd=forge.md.md5.create();md.update('此处是需要加密的字符串');password=md.digest().toHex();
徐徐xue·2023-12-06 17:18

React面试题(1)

1、什么是React？React是一个用于构建用户界面的JavaScript库。2、React的特点是什么？
努力学习的廖同学·2023-12-06 17:42

从零开始搭建react-ts-app之使用typescript

coderepo:https://github.com/matthew5-template/react-ts-appbranch:typescript在webpack中编译typescript有多种方式查看
Matthew5·2023-12-06 17:26

如何设置不同的网页标题（react）

一、写一个组件更改标题（jsx文件）importReact,{useEffect}from"react"constDefaultElement=({element:Component,meta}:any
申申呢？·2023-12-06 16:16

前端react简单封装 ---《图片预览插件》

效果图组件js代码importReactfrom'react';importReactDOMfrom'react-dom';importPropTypesfrom'prop-types';import{
武汉前端阿杰·2023-12-06 16:47

React中的“状态”（state）和“属性”（props）的区别

在React中，"状态"（state）和"属性"（props）是两个重要的概念，它们在组件的生命周期和数据流中扮演着不同的角色。状态（State）：状态是React组件中用于存储数据的一种机制。
zhangwenok·2023-12-06 16:04
上一页 140 141 142 143 144 145 146 147 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他