react-

React-错误边界与组件通信方式概述

错误边界错误边界(Errorboundary)：用来捕获后代组件错误，渲染出备用页面。注意：只在生产环境（项目上线）起效特点：只能捕获后代组件生命周期产生的错误，不能捕获自己组件产生的错误和其他组件在合成事件、定时器中产生的错误简单理解就是只能捕获后代组件生命周期钩子里面代码的错误importReact,{Component}from'react'importChildfrom'./Child'e
名之以父·2023-06-17 03:29

react native踩坑之路

image.pngimage.pngonLayout是rn里面组件完全渲染完触发的2、出现结构空对象时，发布后真机崩溃const{}=obj;3、rn获取屏幕宽高import{Dimensions}from'react
AMONTOP·2023-04-15 22:16

react-router-dom的基本使用

React-Router-Native2.React-Router-Dom这个库是专门做PC端的路由2.1在React-cli项目中安装React-Router-Domnpmireact-router-dom2.2注意React
凸头拯救地球·2023-04-10 05:08

react-组件之间的数据共享

React学习之路021.表单处理2.组件通讯介绍3.props深入了解1.表单处理受控组件的概念：HTML中表单元素时可输入的，也就是有自己的可变状态React中可变状态通常保存在state中，并且只能通过setState()方法来修改React希望将state与表单元素value绑定到一起，由state的值来控制表单元素的值的受控组件：值受到React控制的表单元素受控组件使用步骤控制表单元素
Lazy-zheng·2023-04-10 00:11

React全家桶详细讲解-图文并茂

文章目录前言一、React-表单处理受控组件使用步骤多表单元素优化非受控组件二、React-组件综合案例需求分析搭建任务的模板渲染列表添加任务删除任务三、React-组件进阶组件通讯介绍组件的props
愉快的马儿·2023-04-07 20:42

【REACT-封装Hooks之useFetchList】

1.types.ts/***res.data.data列表接口返回数据类型S*/exportinterfaceIListAPIData{list:T[],pagination:{page:number,size:number,total:number},data:T[],}/***基础分页数据构造器*/exportclassBasePagination{publicpage=1;publiccur
历目·2023-04-07 16:50

ReactNative iOS原生模块开发流程

react-
lg8294·2023-04-07 15:37

React-笔记整理

React——笔记整理作者：二传二改请声明ReactReact——笔记整理React一、create-react-app二、关于React1、React的起源和发展2、React与传统MVC的关系3、React高性能的体现：虚拟DOM4、React的特点和优势***三、编写第一个react应用程序四、元素与组件1、函数式组件2、class组件3、更老的一种方法4、组件的组合、嵌套五、JSX原理六、
T_Donna·2023-04-05 15:02

React-样式

元素中不可以存在多个className、style属性，不会自动拼接在样式中，使用驼峰命名法，或者使用-连接并使用引号引起来多个类使用可以{}，里面进行字符串拼接，或者使用数组[].join(’'),下面详述添加样式时候直接通过style关键字和{}使用即可importReactfrom'react'importReactDOMfrom'react-dom'constexampleStyle={b
、昔年·2023-04-03 19:15

2021-12-21 学习记录--React-组件实例三大核心属性：state、props、refs

一、组件实例三大核心属性之一：state-->2_state的简写方式/*注意2：此处一定要写babel，表示里面写的不是js，而是jsx，是通过babel将jsx转为js的*///1.创建类式组件classWeatherextendsReact.Component{//初始化状态(赋值语句)state={isHot:true,wind:'微风'};render(){//组件中render方法中的
小呀小萝卜儿·2023-04-03 14:17

React-组件实例三大属性-state、props、refs

概要：state、props、refs都是是组件实例（对象）的一个属性，并且都是对象，内部以键值对的形式存储数据一个标准的react的helloworld（仅供参考)state//1.创建组件classWeatherextendsReact.Component{constructor(props){super(props)console.log(this)}render(){return今天天气很
35s·2023-04-03 14:24

React面试题（全家桶）

]kk前端全部面试题86张脑图，一口气看完React-掘金2019年17道高频React面试题及详解-掘金https://blog.csdn.net/qq_40055200/article/details
qq_40055200·2023-03-29 04:45

03-react-跨组件级通信Context

react-跨组件级通信-Context之前编写组件都是通过props或者state的方式来传递组件，但组件层级多起来时候，就会出现多次从顶层组件一直传递到最底层的组件中使用。
低头看云·2023-03-25 22:27

React-深入探究Context（1）

前言React组件中的Context与Android中的Context类似，都可以理解为上下文。而React中的Context拥有着组件间通信的功能，与props通信方式不同，Context的通信是跨层次的。一、初识ContextReact官网：Context通过组件树提供了一个传递数据的方法，从而避免了在每一个层级手动的传递props属性。二、什么时候使用Context三、怎么使用Context
Edward_WLY·2023-03-25 09:28

ReactNative常用的第三方库

react-native-lightbox获取设备信息☆react-native-device-info加载网络图片☆react-native-fast-image图片轮播☆react-native-swiper☆react
醉影·2023-03-22 13:32

React-动态插入节点组件

引入组件后，可以通过调用方式来插入显示组件/**********组件KmcDialog************//***显示弹框*/KmcDialog.showInstance=function(properties){if(!document.getElementById("KmcDialog")){letprops=properties||{};letdiv=document.createEl
墨_梵·2023-03-21 18:39

vue和react框架 比较

2.框架模式vue-本质是MVVM框架，由MVC发展而来React-本质是前端组件化框架，不是一个完整的MVC框架，可以认为是MVC中的V（View）3.相同点不同点1、都支持服务器端渲染2、都有VirtualDOM
晓丽_c080·2023-03-20 09:43

React- router 简单用法

React-router简单用法1.安装依赖npminstallreact-router-dom2.加载依赖import{BrowserRouterasRouter,Route,Link}from"react-router-dom";注意：Insteadofweuse3.简单使用importReact,{Component}from'react';import'./App.css'import{B
小黑哥啊哈哈·2023-03-15 23:48

react-异常状态记录

遇到什么写什么。由于最近在使用ant-design，所以这里还会涉及与它相关的问题。1.日志信息：Reactdoesnotrecognizethe`fieldType`proponaDOMelement.IfyouintentionallywantittoappearintheDOMasacustomattribute,spellitaslowercase`fieldtype`instead.If
Sol_elY·2023-03-15 18:24

React-全局状态管理的群魔乱舞

❝焦虑的时候，大脑需要一种叫做「多巴胺」的神经递质来对抗焦虑。而打游戏、刷微博等娱乐，则是让大脑产生多巴胺最快的途径。❞大家好，我是柒八九。前面，我们针对-前端框架-React系列，讲了很多东西。React-Fiber机制1React-Fiber机制2React元素VS组件分别从不同的角度，来介绍React中比较重要的概念和容易让人产生混淆的知识点。而从根本上讲，「React是一个用于构建用户界面
前端小魔女·2023-03-14 12:03

浅析React&Vue两大流行框架优缺点

vue-本质是MVVM框架，由MVC发展而来React-本质是前端组件化框架，不是一个完整的MVC框架，可以认为是MVC中的V（View）MVVMMVVM的出现促进了GUI前端开发与后端业务逻辑的分离，
pansly·2023-03-13 21:16

React - 新生命周期

React-新生命周期每个组件都包含“生命周期方法”，可以使用此生命周期图谱作为速查表不常用的生命周期表常用的生命周期表挂载-阶段当组件实例被创建并插入DOM中时，其生命周期调用顺序如下constructor
太阳与我肩并肩·2023-03-13 16:33

2018-10-24 上拉下拉刷新加载

import{Image,Text,View,TouchableHighlight}from"react-native";importRefreshListView,{RefreshState}from"react
z芝麻·2023-02-17 07:05

两张图看懂 React Redux 架构和数据流

React技术栈React-视图层Redux-状态、数据层React-Redux-连接Redux-Saga-异步中间件Reselect-记忆库LoadableComponents-组件拆分异步库Immutable
微明区块链开发·2023-02-05 04:55

React-组件间通信

父子间组件通信父结点数据传递给子组件通过props进行传递，子组件只能用于展示或者判断，但不能进行更新当子组件需要通知父组件数据变化时，父组件通过把函数作为一个props传递，子组件只需要按需调用就可以了非父子组件间通信ContextAPI在顶层进行数据定义，在这个组件树的所有组件就能通过Context的API进行获取和修改Context提供了一个无需为每层组件手动添加props，就能在组件树间进
郭仙人不是闲人·2023-02-03 02:51

antd 3.x升4.x踩坑之路～

兼容性问题第三方依赖兼容问题React-最低v16.9，部分组件使用hooks重构react升级相关文档Less-最低v3.1.0，建议升级到less4.x@ant-design/icons-antd-
·2023-01-31 19:42

React-组件三大核心属性: state、props、refs

1、statestate是组件对象最重要的属性,值是对象.React把组件看成是一个状态机（StateMachines）。通过与用户的交互，实现不同状态，然后渲染UI，让用户界面和数据保持一致。React里，只需更新组件的state，然后根据新的state重新渲染用户界面（不要操作DOM）。例子：//1.创建组件classWeatherextendsReact.Component{//初始化状态s
慢慢变亮~·2023-01-15 20:36

React-路由 react-router-dom

前端路由的功能：让用户从一个页面跳转到另一个页面。前端路由是一套映射规则，在React中，是URL路径与组件的对应关系。使用React路由简单来说就是配置路径与组件（配对）。路由的本质:一个路径path对应唯一的一个组件component当我们访问一个path自动把path对应的组件进行渲染。React路由基本使用1.安装首先你需要有一个React项目：npxcreate-react-appmy-
廖若星辰LTY·2023-01-15 20:35

从vue迁移到react_从AngularJS迁移到React-您如何衡量性能提升？

从vue迁移到reactbyGuptaGaruda通过古普塔·歌鲁达(GuptaGaruda)从AngularJS迁移到React-您如何衡量性能提升？
cumi7754·2022-11-08 13:51

【React 基础四】组件基础之插槽与状态

本篇主要内容为React组件化基础，组件化基础共三篇，如下：组件类型介绍和参数传递组件插槽slot和组件状态（本篇）组件生命周期函数和上下文React-插槽插槽在Vue和React中的作用都相同：写在元素标签内部的代码
泡泡码客·2022-11-01 14:02

React-虚拟DOM

1.react2.react高效的原因：3.react核心库：4.两种创建虚拟DOM方式5.虚拟DOM6.ReactJSX简化创建虚拟DOMreact官方文档：React官方中文文档–用于构建用户界面的JavaScript库1.react用于动态构建用户界面的JavaScript库，将数据渲染为HTML视图的开源JS库2.react高效的原因：1.react使用虚拟DOM，不总是直接操作页面真实D
卷心菜007·2022-11-01 11:03

React报错之Parameter event implicitly has an any type解决

目录引言总览设置类型逃生舱any确定类型引言原文链接：bobbyhadz.com/blog/react-…作者：BorislavHadzhiev正文从这开始~总览当我们不在事件处理函数中为事件声明类型时
·2022-08-29 15:24

2022-06-29 工作记录--React-函数式组件 useState的使用 + useEffect的使用 + 监听事件的使用

一、函数式组件useState的使用在函数式组件中使用state特性。1、引入useState//引入useStateimportReact,{useState}from"react";2、初始化state里的变量及值//设置变量currentIndex:初始值为0，设置改变变量的方法名为setCurrentIndexconst[currentIndex,setCurrentIndex]=useS
小呀小萝卜儿·2022-08-15 11:31

基于koa+fis3+swig前后端isomorphic同构实现

2019独角兽企业重金招聘Python工程师标准>>>  （认真把这篇文章看完，保证你会学到很多，如果没学到请联系作者或直接报警）  随着前端技术的不断变革，前端从后台吐页面->前端MVC->mvvm、react
weixin_34413357·2022-08-15 11:00

react-路由组件传递参数的三种方式

整理了一下路由组件传递参数的三种方式1.params传参路由链接(携带参数)：详情注册路由(声明接收)：接收参数：this.props.match.params2.search传参路由链接(携带参数)：详情注册路由(无需声明，正常注册即可)：接收参数：this.props.location.search备注：获取到的search是urlencoded编码字符串，需要借助querystring解析接
嚣张.miner·2022-07-15 13:28

react-routev4简易入门

react-
big_big-world·2022-07-06 14:58

react- redux 3 优化

react-redux观看此文档请先去查阅之前发布的redux的基本使用1.问题问题1取值麻烦store.getState().name问题2改值麻烦actionCreatore[CHANGE_AGE](29);问题3引入文件太多2.解决问题react-redux通过provider提供其将store挂载到根组件的上下文通过connect将组件进行处理简化了获取数据和监听的操作将state映射到p
霹雳桃·2022-06-18 12:06

bunny笔记|React-进阶篇(理解生命周期)

第二章进阶篇React的生命周期生命周期.png概念组件的生命周期可以帮助我们清楚的剖析一个组件从创建到销毁的全部流程:如果能够做到知其然且知其所以然，那么在后期多组件、中大型项目开发过程中，就能够很好的把控项目的性能细节。创建时：constructor->render->React更新DOM和refs->componentDidMount在组件初始化阶段会执行constructorstaticg
一只小小小bunny·2022-04-06 16:31

编程相关知识

重要Python-数据处理Golang-后端Nodejs-后端react-前端vue-前端Kotlin-安
账房先生2016·2022-03-28 13:26

react 也就这么回事 01 —— React 元素的创建和渲染

比如创建React组件、组件的生命周期等react-dom.js：提供了和浏览器交互的DOM功能，比如：将组件渲染到页面上React和ReactDOM我们可以通过官方提供的CDN链接引入react.js和react
·2022-02-22 14:19

react 也就这么回事 01 —— React 元素的创建和渲染

比如创建React组件、组件的生命周期等react-dom.js：提供了和浏览器交互的DOM功能，比如：将组件渲染到页面上React和ReactDOM我们可以通过官方提供的CDN链接引入react.js和react
蜜瓜·2022-02-22 13:00

React 也就这样 01——React 元素的创建和渲染

比如创建React组件、组件的生命周期等react-dom.js：提供了和浏览器交互的DOM功能，比如：将组件渲染到页面上React和ReactDOM我们可以通过官方提供的CDN链接引入react.js和react
蜜瓜·2022-02-22 13:00

创建一个简单的React-Native工程

二、Hello,React-Native现在我们需要创建一个React-
独家记忆3997·2022-02-17 23:28

React-元素渲染

元素是构成React应用的最小砖块。元素描述了你在屏幕上想看到的内容。与浏览器的DOM元素不同，React元素是创建开销极小的普通对象。ReactDOM会负责更新DOM来与React元素保持一致。constelement=Hello,world;将一个元素渲染为DOM假设你的HTML文件某处有一个：我们将其称为“根”DOM节点，因为该节点内的所有内容都将由ReactDOM管理。仅使用React构建
65_刘璐·2022-02-16 02:17

react-开发经验分享-树形结构的解析与运用（一）

Author：Mr.柳上原付出不亚于任何的努力愿我们所有的努力，都不会被生活辜负不忘初心，方得始终ant框架里，tree结构的剖析1.tree结构，当加载treeChildren（树形下级分支）时，底层代码在上级结构tree（主干）中生成children属性，并把下级分支push到children属性里//实例主干：[{id:'001'}]//当生成下级分支时主干：[{id:'001',child
Mr柳上原·2022-02-09 21:08

react-富文本编辑框遇到的问题

项目需求实现一个划词功能，由于textarea的局限性，考虑到使用div来实现，通过设置div的contentEditable来模拟文本框。实现代码如下：classContentEditableextendsComponent{constructor(props){super(props)}shouldComponentUpdate(nextProps){returnnextProps.html!
lolivialucky·2022-02-07 12:40

react-开发经验分享-树形结构的解析与运用（二）

Author：Mr.柳上原付出不亚于任何的努力愿我们所有的努力，都不会被生活辜负不忘初心，方得始终ant框架里，tree结构的剖析承接上文问题：ant的异步树形结构，当渲染下级结构完成后，再次在主干新建一个新的下级结构时，不会实时渲染出新增加的那条下级结构，必须刷新整个页面，重新后端请求数据，并进行渲染，这是一个不好的体验3.根据ant的tree结构，自定义实时渲染tree结构页面思路：使用递归模
Mr柳上原·2022-02-06 22:14

React-路由传递参数

react-router-dom路由跳转传递参数方式一==通过query==HTML方式JS方式this.props.history.push({pathname:'/user',query:{day:'Friday'}})获取参数this.props.location.query.day方式二==通过state==HTML方式JS方式this.props.history.push({pathna
墨_梵·2022-02-06 03:31

react-子组件触发父组件的事件 最简单的方法

在调用子级的地方，添加属性ref={dom=>this.contract=dom}然后在父级的方法中直接用this.contract调用子级的方法
小白修仙路·2022-02-03 00:11

redux实现+redux中间件

Action做出不同的操作并返回新的state从redux中引入Provider，用来包裹根组件，子组件就可以访问state在根组件引入store，把store做为props传入到provider在组件里通过react
汉卿·2021-10-23 08:12
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他