#React

react父组件props变化的时候子组件怎么监听？

在React中，子组件可以通过componentDidUpdate钩子函数来监听父组件的props变化。这个钩子函数会在组件更新之后调用，可以通过比较前后的props值来判断是否发生了变化。
&ACE&·2023-12-29 14:02

react ant tree节点没有children也会显示展开框 节点有children却不显示展开框

1.背景最近处理树状结构时遇到了一个诡异问题，后端返回了组织树，组织树里面可能有组织，也可能有用户，很奇怪的是所有用户都会显示展开图标，而组织有些会显示展开图标，有些不会显示2.分析一开始找到了用户节点和组织节点，对比了数据发现了用户节点没有parentId，递归给用户加上parentId还是不行后来是以为是渲染的问题，查了资料说有相同的key，值为null的key都会影响渲染，所以给递归加又加了
南城夏季·2023-12-29 14:16

react ant upload上传请求参数变成了 file:[object object]

文件对象需要取里面的一层，即originFileObjconstformData=newFormData();formData.append("file",file.originFileObj||file);
南城夏季·2023-12-29 14:46

Flutter进阶学习笔记，一文掌握Android Flutter跨平台开发框架

之前在一篇文章中看到过国内大厂在移动端跨平台的框架接入情况，共计53个样本中，flutter占19个、weex17个、react-native22个，可以看出，Flutter不再是小众框架，两年间，其已逐步成为主流的跨平台开发框架之一
大鱼Ss·2023-12-29 13:31

Flutter完整版开发入门与实战指南（603页.PDF）一文带你通过Flutter

目前，业界上流行的跨平台技术有H5、ReactNative、以及后来的Flutter，判断一项跨平台的技术是否有落地价值，在于有可接受的页面性能和支持高效开发。
Android老皮·2023-12-29 13:31

Android Flutter学习专题，让你在未来的技术浪潮中保留优势

IT界的跨平台框架主要分为三类：1.H5+原生（Cordova、Ionic、微信小程序）；2.JavaScript开发+原生渲染（ReactNative、Weex、快应用）；3.自绘UI+原生(Flutter
datian1234·2023-12-29 13:00

React Query 实战教程：在 React 中如何优雅的管理接口数据状态？

在React项目中，有不少成熟的Hook能够让开发者管理整个请求过程中的数据和状态，例如axios-hooks、use-http、react-query、swr甚至ahook中提供的useRequest
乐闻x·2023-12-29 12:38

ReactHook快速上车

React16.8开始内置了10个Hook，核心是2个：状态管理：useState副作用管理：useEffect有状态的函数useState有状态组件写法：classExampleextendsReact.Component
Jafeney·2023-12-29 11:20

vue+ssr轮播图_具有真正SSR的Vue光滑轮播，可实现更快的Luxstay

vue+ssr轮播图Vue光滑轮播(vue-slick-carousel)VueSlickCarouselwithTrueSSRWrittenforFasterLuxstay.ThisIsaPortofreact-slick
cuk5239·2023-12-29 10:19

React项目echarts二次封装-只需传进对应的option

props=>{constchartRef=useRef(null);const{option,width='100%',height='100%'}=props;const[chart,setChart]=React.useState
web_小码农·2023-12-29 09:43

前端网页发布到nginx_nginx上部署前端项目

，同时也可以部署任何框架的前端项目(eg:vue,react,jq,etc...)1.打开nginx的安装目录，这里以mac系统为例：在etc文件夹同级目录下有个var文件夹，var文件夹里面有个www
weixin_39951112·2023-12-29 09:35

【课程-笔记】Vue3+React18+TS4入门到实战系统学习3大热门技术

每日更新学习笔记-有兴趣的客官，请关注点赞，谢谢第1章课程导学-了解本课程必看第2章Vue3核心概念及选项式API-入门Vue3第一步第3章Vue3组件应用及单文件组件-抽象独立的代码第4章Vue3语法系统进阶-全面掌握Vue3特性第5章Vue3组合式API详解-大型应用的高端写法第6章VueRouter路由与Vuex状态管理-组织与架构应用第7章TS4类型系统之基础使用-TS4带来的编码优势第8
ladymorgana·2023-12-29 09:57

useRef语法讲解

useRefuseRef用法import{useRef,useState}from'react'import'.
小李科技·2023-12-29 08:35

useContext 和 useReducer语法讲解

useContext和useReduceruseContext和useReducer传递state+dispatch,模拟reduxuseContext用法//App.tsxconstUserContext=React.createContext
小李科技·2023-12-29 08:05

useEffect与副作用

useEffect是React中的一个Hook函数，用于在函数组件中执行副作用操作。副作用是指对组件外部环境产生影响的操作，比如发送网络请求、订阅事件、操作DOM等。
&ACE&·2023-12-29 07:47

高阶组件和高阶函数是什么

高阶组件在React中被广泛使用，可以用来实现代码的复用、逻辑的封装以及状态的管理等功能。以下是一个使用高阶组件的示例代码：functionwithLogger(WrappedComp
&ACE&·2023-12-29 07:17

React Component和Purecomponent区别

React中的Component和PureComponent都是用来创建组件的类。它们的区别在于在shouldComponentUpdate生命周期函数中的实现方式。
&ACE&·2023-12-29 07:17

react native是什么，怎么用

ReactNative是一个用于构建移动应用的开源框架。它基于React，可以让开发人员使用JavaScript编写移动应用，并将其打包为真正的原生应用。
&ACE&·2023-12-29 07:17

面试官：说说React render方法的原理？在什么时候会被触发？

一、原理首先，render函数在react中有两种形式：在类组件中，指的是render方法：class Foo extends React.Component {    render() {        
动感超人，·2023-12-29 07:46

react重新渲染菜单_react组件什么时候会重新渲染？

本教程操作环境：windows10系统、react16版，适用于所有品牌电脑。在React中渲染什么是渲染？如果我们想了解React渲染和重新渲染的工作方式，那么最好了解库幕后发生的事情。
我非杨过·2023-12-29 07:44

react 点击两次_为什么React 点击一次按钮，render执行两次？

classAppextendsReact.Component{constructor(props){super(props);this.state={message:'clickbutton',};this.handleClick
weixin_39775872·2023-12-29 07:44

【react项目开发遇到的问题记录】：The above error occurred in the ＜Route.Provider＞ component:

在进行路由切换会出现一下报错：Theaboveerroroccurredinthecomponent:解决办法在使用组件懒加载的时候，在外面套一个react的组件:SuspenseSuspense目前在
筱熙☆·2023-12-29 07:39

说说React render方法的原理？在什么时候会被触发？

一、原理首先，render函数在react中有两种形式：在类组件中，指的是render方法：classFooextendsReact.Component{render(){returnFoo;}}在函数组件中
是琳。。·2023-12-29 07:38

react render渲染的几种情况

1.首次加载2.setState改变组件内部state。注意：此处是说通过setState方法改变。3.接受到新的props转载于:https://www.cnblogs.com/shiyunfront/p/7337746.html
ahua2800·2023-12-29 07:34

React render方法的原理，在什么时候会触发？

首先的话render函数在react中是有两种形式存在的，在类组件中，指的是render方法而在函数组件中指的是函数组件本身.在react中虚拟dom数的结点，它接收三个参数：type：标签attributes
Sink_web·2023-12-29 07:33

手写基于epoll与reactor的tcp服务器

前言此文章记录个人学习epoll网络编程相关的心得了解学习epoll如何使用了解reactor反应堆模型了解各类网络模型若能对读者有以上两个方面有所帮助，这将是我的荣幸前置知识之前我们已经实现过最简单的
欢喜树下种西瓜·2023-12-29 07:27

hook,react+antd、表格Table +分页器pagination 使用注意事项

record.id}pagination={paginationProps}/>pagination分页器多使用默认值的pageSize和pageNo1.注意设置分页默认值const[pageOption,setPageOption]=useState({pageNo:1,pageSize:10})1.1分页配置1.2.分页器需要设置默认每页多少条pageSize//分页配置constpagina
Uxiao7·2023-12-29 07:02

react里面bind与箭头函数

在React中，使用箭头函数或将函数绑定到组件实例的bind方法都是处理事件处理程序的常见方法。
&ACE&·2023-12-29 07:58

react的render什么时候渲染？

在React中，render函数是被调用来渲染组件的。render函数在以下情况下会被调用：组件初始化渲染时，即组件第一次被创建并加载到DOM中时。
&ACE&·2023-12-29 07:58

React-合成事件

React-合成事件最近在项目中遇到这样一个问题,代码如下{this.setState({groupName:e.target.value},()=>{if(e.target.value===''){this.queryGroup
鱼玉玉玉玉·2023-12-29 06:24

react pwa应用示例

创建一个基于React的PWA应用，你可以使用create-react-app，它自带PWA支持，但默认是关闭的。
bye world·2023-12-29 06:39

使用CRA（create-react-app）初始化一个完整的项目环境（该初始化项目已上传到本文章的资源）

项目目录结构大致划分如下：2.安装sass安装sass开发环境,注意：使用的文件后缀名要用.scssnpmisass-D3.安装AntDesignnpmiantd--save4.配置基础路由Router（具体可参考ReactRouter
怕冷的火焰（~杰）·2023-12-29 04:57

vscode保存自动格式化代码和react补全标签

将在保存时格式化文件前面的选项选中关闭设置在代码中就可以实现保存自动格式化代码格式了自动补全标签在设置中搜索json选择在setting.json中编辑加入下面这行代码然后保存就可以了"emmet.includeLanguages":{"javascript":"javascriptreact
姝光·2023-12-29 02:43

快速上手redux,react-redux中间件

redux基本用法redux数据更新流程图QQ截图20190910103759.pngStore管理数据显示UI界面，界面交互触发dispatch(action)根据action触发Reducers根据数据//store.jsimport{createStore}from'redux'constcounterReducer=(state=0,action)=>{//Reducersswitch(a
怪怪牛·2023-12-29 02:27

React面试题

1.什么是错误边界错误边界是一种react组件，可以捕获并打印发生在其子组件树任何位置的JavaScript错误，并会渲染出备用UI。
流星先生!·2023-12-29 02:02

react 代数效应 和 vue vm思想

前言React的代数效应和Vue的VM思想是两种不同的编程模型，它们都试图解决UI开发中的一些挑战，如副作用管理、状态同步、组件抽象等。
头头不会敲代码·2023-12-29 00:18

react 为什么要重构架构

前言重构架构是react16及16后的版本对15以前的版本的架构进行了重构，React15的架构可以分为两层：Reconciler（协调器）负责找出变化的组件，以及标识出如何更新。
头头不会敲代码·2023-12-29 00:18

vue&react中的副作用

vue和react是两种流行的前端框架，它们都使用虚拟DOM来提高渲染性能，但是它们对副作用的处理方式有所不同。vue的思想是响应式的：它通过对每一个属性建立Watcher来监听，当属性变化的时候，响
头头不会敲代码·2023-12-29 00:16

react-native-swipe-list-view组件使用分析

一、前言react-native-swipe-list-view是一个具有侧滑功能的react-native的组件，下面的这篇文章是以翻译官方文档和结合自己的项目所写，不过主要内容是对官方文档的翻译。
zyc_在路上·2023-12-28 23:07

【译】三分钟掌握 React 高阶组件

掌握这个有用的模式，停止在ReactComponents中重复逻辑！
joking_zhang·2023-12-28 22:42

JavaScript(JS) ESlint报错Error: Must use import to load ES Module解决方法

本文主要介绍使用React,Typescript,styledcomponents,webpack时，运行eslint报错Error:MustuseimporttoloadESModule的解决方法。
weixin_42098295·2023-12-28 22:23

props与TypeScript

TypeScript基础使用为组件prop添加类型，本质是给函数的参数做类型注解，可以使用type对象类型或者interface接口来做注解具体演示代码如下：import{useState}from'react
怕冷的火焰（~杰）·2023-12-28 22:13

centrifuge5.0.1版本请求websocket实例

安转二、快速开始三、实例开始centrifuge提供了一个客户端，可使用纯WebSocket或一种替代传输（HTTP流、SSE/EventSource、实验性WebTransport）从Web浏览器、ReactNative
任磊abc·2023-12-28 21:46

HarmonyOS4.0开发应用(四)【ArkUI状态管理】

ArkUI状态管理分为以下四个:@State@Prop和@Link@Provide和@Consume@Observed和@ObjectLink@State相当于vue中data()内定义的属性变量，相当于react
碰磕·2023-12-28 21:44

关于react中setState后，没有立即获取到最新的state中的值

searchRecomon(item){this.setState({searchVal:item,searchCategoryId:0,sortType:1,priceSortStatus:0})console.log(item)console.log(this.state.searchVal)}/*查询商品*/asyncsearchGoods(){const{searchVal,sortTyp
peroLuo·2023-12-28 21:32

react前端生成二维码

react前端生成二维码安装npminstallqrcode.react--save引入组件：importQRCodefrom'qrcode.react'调用方式：
Virgil_x·2023-12-28 21:17

react兼容IE浏览器

第一种：使用create-react-app生成的项目1.安装react-app-polyfill和core-jsnpminstallreact-app-polyfillcore-js在index.js
Virgil_x·2023-12-28 20:07

React-Native-顶部导航栏实现

版本环境：react-native：0.60.5react-navigation：4.0实现需要的第三方库（之前实现底部导航栏时已添加）：react-navigation，react-navigation-tabs
油菜又矮吹·2023-12-28 20:34

抄了个在线吉他谱编辑器

这个项目其实是去年期末考复习的时候写的，因为实在不想复习所以无聊参照有谱么用React写的一个在线吉他谱编辑器。我还将项目里的和弦组件和歌词组件提取出来放在npm上。
写代码的海怪·2023-12-28 20:21

关于React国际化方案 2019-08-09

首先想到的就是，应该要做国际化处理了，之前也看过关于国际化的一些方案，于是翻阅资料后，就利用react-intl集成了一个简单的国际化方案。
讨厌西红柿·2023-12-28 19:12
上一页 121 122 123 124 125 126 127 128 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他