35浏览

0评论

React Hook 父子组件相互调用函数方式

目录React Hook 父子组件相互调用函数1.子组件调用父组件函数方法2.父组件调用子组件函数方法React Hook 父子组件传值父组件子组件React Hook 父子组件相互调用函数1.子组...

• 2023-01-05

42浏览

0评论

React Hook父组件如何获取子组件的数据/函数

目录React Hook父组件获取子组件数据/函数子组件MyWorldMap父组件MyTripReact Hook父组件提交子组件form父组件子组件React Hook父组件获取子组件数据/函数我们知道在react...

• 2023-01-05

42浏览

0评论

React特征学习Form数据管理示例详解

目录Form数据管理重置Form状态form验证小结Form数据管理有时会遇到多个位置需要用户输入的情况，若每个状态都配置state或handler会很繁琐，可以尝试下面的方法import * as Reac...

• 2023-01-05

46浏览

0评论

Ant Design中使用css切换的问题及解决

目录Ant Design使用css切换问题1、绑定一个自定义属性2、css模块化3、Ant Design主题方案4、css in js ant design中css样式覆盖问题Ant Design使用css切换问题当想通过开关...

• 2023-01-05

42浏览

0评论

react  Suspense工作原理解析

目录Suspense 基本应用Suspense 原理基本流程源码解读 - primary 组件源码解读 - 异常捕获源码解读 - 添加 promise 回调源码解读-Suspense首次渲染primary 组件加载完成前...

• 2023-01-05

59浏览

0评论

React Native Modal 的封装与使用实例详解

目录背景Android FullScreenModal 的封装使用Android 原生实现全屏 Dialog封装给 RN 进行相关的调用Android 原生部分实现JS 部分实现使用 RootSiblings 封装 Modal实现界面...

• 2023-01-05

58浏览

0评论

React 性能优化方法总结

目录前言为什么页面会出现卡顿的现象？React 到底是在哪里出现了卡顿？React 有哪些场景会需要性能优化？一：父组件刷新，而不波及子组件。第一种：使用 PureComponent第三种：函数组件如...

• 2023-01-05

47浏览

0评论

React中Suspense及lazy()懒加载及代码分割原理和使用方式

目录React.lazy()概括为什么需要懒加载如何进行代码分割SuspenseSuspense应用场景Suspense实现原理总结Suspense和lazy()都是react中比较新的特性,在项目中使用还比较少,但...

• 2023-01-05

43浏览

0评论

React组件封装中三大核心属性详细介绍

目录1、介绍2、state概念演示3、props概念props与state区别4、refs概念refs种类5、父子组件什么是父子组件父子组件之间传值1、介绍React组件中默认封装了很多属性，有的是提...

• 2023-01-05

54浏览

0评论

react使用websocket实时通信方式

目录使用websocket实时通信创建公共组件在react组件中的使用websocket在不同情形下的使用1.在react中使用websocket2.websocket在小程序中使用使用websocket实时通信在react...

• 2023-01-05

61浏览

0评论

2022最新前端常见react面试题合集

目录react性能优化方案什么是 React Context?何为 JSXprops 是什么应该在 React 组件的何处发起 Ajax 请求react 强制刷新使用 React Hooks 好处是啥？Redux内部原理 内部怎么...

• 2023-01-05

45浏览

0评论

React特征学习之Form格式示例详解

目录Form 样式React hookForm 样式首先来看一个简单Form, 式样如下import * as React from 'react';const LoginForm = () => { return ( <form> <div> //...

• 2023-01-05

52浏览

0评论

详解React Native项目中启用Hermes引擎

目录引言一、启用 Hermes 引擎1.1 Android1.2 iOS二、Hermes 引擎使用2.1 检查 Hermes 引擎是否启用2.2 绑定Hermes2.3 使用DevTools在Hermes上调试JS引言目前，最新版本的Rea...

• 2023-01-05

46浏览

0评论

sass在react中的基本使用(实例详解)

目录1. 安装sass2. 编写App.tsx中的基本DOM3. sass变量4. sass中的选择器嵌套和属性嵌套5. sass中的@import和Partials6. Sass中的 @mixin 与 @include7.sass中的继承 @exte...

• 2023-01-05

41浏览

0评论

React组件间传值及跨组件通信详解

目录组件间传值propsref状态提升跨组件通信组件间传值props父传子：通过自定义属性向子组件传值，值可以是任何类型子传父：通过父组件把方法传给子组件，子组件调用传过去的方法完...

• 2023-01-05

39浏览

0评论

React如何接收excel文件下载导出功能封装

目录React接收excel文件下载导出功能封装react导出excel文件的几种方式1.原生js导出 （带样式）2.使用xlsx导出（此方法导出的excel文件无样式,但导出的文件格式是 xlsx格式） 3.使...

• 2023-01-05

57浏览

0评论

react Scheduler 实现示例教程

目录正文简单的css动画etTimeout来实现循环处理具体思路正文最近在看react源码，react构建fiber树这一块逻辑还比较好理解，但是一旦涉及到任务调度相关的逻辑，看起来是一头雾水...

• 2023-01-05

36浏览

0评论

在 React 项目中全量使用 Hooks的方法

目录前言React HooksuseStateuseReducer基础用法进阶用法useContextuseEffectuseLayoutEffectuseRefuseImperativeHandleuseCallbackuseMemoReact Redux Hooks useSelectoru...

• 2023-01-05

40浏览

0评论

在react中使用tailwind的问题

目录react使用tailwind效果图react使用tailwind现创建react项目npx create-react-app name进入创建的项目文件夹，安装tailwind,postcss,autoprefixer因为react自带安装了上一...

• 2023-01-05

155浏览

0评论

React css-in-js基础介绍与应用

目录1. 介绍2. 使用1. 介绍CSS-in-JS 是一种技术，而不是一个具体的库实现。简单来说 CSS-in-JS 就是将应用的CSS样式写在 JavaScript 文件里面，而不是独立为一些 css，scss 或 l...

• 2023-01-05

48浏览

0评论

Redux thunk中间件及执行原理详细分析

目录1、Redux-thunk中间件2、Redux中间件执行原理1、Redux-thunk中间件第一步 安装redux-thunk中间件npm install redux-thunk第二步 在store中引入thunk组件import {create...

• 2023-01-05

50浏览

0评论

React state状态属性详细讲解

目录1. 基本使用2. 使用setState操作state数据3. 案例-toDoList4. 案例-购物车1. 基本使用要点：成员属性 state 它是一个特殊的属性，它是当前类的私有数据，只有在当前的组件中...

• 2023-01-05

54浏览

0评论

react框架next.js学习之API 路由篇详解

目录正文使用方式API 路由匹配API 处理API 配置边缘计算支持自定义 API注意点总结正文next.js 作为最热门的 react 框架，不过这么久了好像国内使用率一直不太高。最近在研究...

• 2023-01-05

53浏览

0评论

React 跨端动态化核心技术实例分析

目录一 前言二 React 技术核心优势分析1 数据驱动模型2 从 JSX 到虚拟 DOM3 独立事件系统三 React 能为跨端动态化做些什么？1 React 语法做 DSL2 保留 React 运行时3 React...

• 2023-01-05

50浏览

0评论

详解React获取DOM和获取组件实例的方式

目录React获取DOM的方式ref获取DOM元素ref获取组件实例React获取DOM的方式ref获取DOM元素在React的开发模式中，通常情况下不需要、也不建议直接操作DOM原生，但是某些特殊的情...

• 2023-01-05

45浏览

0评论

新建的React Native就遇到vscode报警解除方法

目录新建的RN项目有警告直接删除vscode报警的部分禁掉vscode内置的TypeScript插件引入Flow Language Support解除报警新建的RN项目有警告我相信AwesomeProject是很多人的第...

• 2023-01-05

51浏览

0评论

详解React Native中如何使用自定义的引用路径

目录RN的相对路径地狱RN的自定义路径需要的依赖解决自定义引用路径导致的eslint报错问题RN的相对路径地狱我刚接触RN时，就发现所有的demo中给出来的路径都是相对路径，我自己的...

• 2023-01-05

66浏览

0评论

React路由渲染方式与withRouter高阶组件及自定义导航组件应用详细介绍

目录1. 路由的三种渲染方式1.1 component渲染方式1.2 render方式渲染1.3 案例-登录成功才能访问某个页面1.4 children方式渲染2. withRouter高阶组件3. 自定义导航组件1. 路...

• 2023-01-05

52浏览

0评论

React路由规则定义与声明式导航及编程式导航分别介绍

目录1. 路由使用2. 声明式导航3. 编程式导航1. 路由使用安装路由模块：路由模块不是react自带模块，需要安装第3方模块：yarn add react-router-dom@5路由相关组件：路由模式组件：包...

• 2023-01-05

54浏览

0评论

React网络请求发起方法详细介绍

目录1. 发起网络请求2. 开发时网络请求代理配置1. 发起网络请求首先需要安装 axios 库：yarn add axios发起网络请求：import React, { Component } from 'react'import { get }...

• 2023-01-05

45浏览

0评论

React事件处理超详细介绍

目录1. 事件绑定1.1 函数组件1.2 类组件2. 合成事件3. 事件传参的3种不同写法4. this 指向问题1. 事件绑定React 元素的事件处理和 DOM 元素的很相似，但是有一点语法上的不同...

• 2023-01-05

57浏览

0评论

React-hooks面试考察知识点汇总小结(推荐)

目录什么是hooks？解决了什么问题？Hook 简介Hook APIuseState指定初始 state惰性初始化自定义 Hook什么是hooks？解决了什么问题？Hooks 是react16.8新增特性，它可以使用一些state的...

• 2023-01-05

58浏览

0评论

React实现antdM的级联菜单实例

目录效果图需求分析bodyhead项目结构实现body部分实现head部分整合head与body效果图需求分析级联菜单分为两部分：head与body。body包含两部分：已选项列表，候选菜单已选项列表bo...

• 2023-01-05

55浏览

0评论

React Native系列之Recyclerlistview使用详解

目录recyclerlistview的介绍与使用1.安装2.概述和功能3. RecyclerListView的使用1、dataProvider2、LayoutProvider3、rowRenderer4、onEndReached5、onEndReachedThreshold...

• 2023-01-05

31浏览

0评论

react hooks实现原理解析

目录react hooks 实现Hooks 解决了什么问题Hooks API 类型首先接触到的是 State hooks其次接触到的是 Effect hooks最后接触到的是 custom hooksHooks 实现方式问题一：useSta...

• 2023-01-05

42浏览

0评论

GraphQL在react中的应用示例详解

目录什么是 GraphQLGraphQL出现的意义传统API存在的主要问题：GraphQL 如何解决问题GraphQL基本语法标量类型对象类型枚举类型GraphQL 内置指令什么是 Apolloapollo-server处...

• 2023-01-05

39浏览

0评论

React中实现插槽效果的方案详解

目录React实现插槽children实现插槽props实现插槽React实现插槽在开发中，我们抽取了一个组件，但是为了让这个组件具备更强的通用性，我们不能将组件中的内容限制为固定的div、sp...

• 2023-01-05

60浏览

0评论

React路由参数传递与嵌套路由的实现详细讲解

目录1. 页面路由参数传递1.1 动态路由参数1.2 search字符串1.3 页面参数隐式传递2. 嵌套路由1. 页面路由参数传递1.1 动态路由参数描述：以“/detail/:id”形式传递...

• 2023-01-05

56浏览

0评论

React Immutable使用方法详细介绍

目录1. 介绍2. 优缺点3. 对象处理4. 数组处理5. 优化组件渲染6. immutable和redux集合使用1. 介绍假设当前 redux 的大小为 1G，现在要修改 redux 树中的某个节点（节点的大小很...

• 2023-01-05

56浏览

0评论

React中用@符号编写文件路径实现方法介绍

目录前言安装craco根路径下创建 craco.config.js写文件路径前言无论是vue还是react开发，我们通常需要引入路径的便捷化配置，通常我们都会约定使用路径@作为根路径地址。如果是...

• 2023-01-05

40浏览

0评论

React生命周期函数深入全面介绍

目录1. 注意2. 图解3. 生命周期函数3.1 constructor构造函数3.2 static getDerivedStateFromProps(nextProps, prevState)方法3.3 挂载时和更新时的生命周期函数执行顺序3.4...

• 2023-01-05

33浏览

0评论

React组件的应用介绍

目录1. 介绍2. 组件的创建方式2.1 函数创建组件2.2 类组件3. 父子组件传值3.1 函数组件3.2 类组件1. 介绍组件允许你将 UI 拆分为独立可复用的代码片段，并对每个片段进行独立...

• 2023-01-05

45浏览

0评论

React中hook函数与useState及useEffect的使用

目录1. 简介2. useState使用3. useEffect使用useEffect发起网络请求1. 简介在 React 的世界中，有容器组件和 UI 组件之分，在 React Hooks 出现之前，UI 组件我们可以使用函数组...

• 2023-01-05

39浏览

0评论

在react中使用windicss的问题

目录react使用windicss1. 安装 windicss架构2. 安装craco3. 根目录下创建 craco.config.js 4. 修改package.json5. 在src/index.js 添加如下内容6. 根目录下创建 windi.conf...

• 2023-01-05

58浏览

0评论

jsoneditor二次封装实时预览json编辑器组件react版

目录前言设计思路正文jsoneditor的使用结合react进行二次封装前言做为一名前端开发人员,掌握vue/react/angular等框架已经是必不可少的技能了,我们都知道,vue或react等MVVM...

• 2023-01-05

139浏览

0评论

React跨端动态化之从JS引擎到RN落地详解

目录一 为什么跨端动态化迫在眉睫二 首当其冲的为什么是 React Native三 JS 引擎让跨端动态化成为可能四 走进 React Native 的世界五 总结一 为什么跨端动态化迫在眉睫目前...

• 2023-01-05

63浏览

0评论

React通过classnames库添加类的方法

React添加Class的方式在vue中添加class是一件非常简单的事情:你可以通过传入一个对象, 通过布尔值决定是否添加类:<button :class="{ active: isFlag, aaa: true}">按钮</bu...

• 2023-01-05

34浏览

0评论

React过渡动画组件基础使用介绍

目录1. 基础使用2. 将animate.css集成到csstranistion中3. 列表过渡4. switchTransition动画5. 路由切换过渡6. 高阶组件实现路由切换过渡1. 基础使用介绍：在项目中可能会给...

• 2023-01-05

35浏览

0评论

Redux模块化拆分reducer函数流程介绍

目录1. 概述2. 方式1-单纯文件拆分3. 方式2-使用中间件redux-thunk进行模块拆分1. 概述使用 redux 库中提供的 combineReducers 方法，可以将多个拆分 reducer 函数合并成统一...

• 2023-01-05

40浏览

0评论

React受控组件与非受控组件详细介绍

目录1. 受控组件1.1 介绍1.2 受控组件简写1.3 在表单中使用受控组件1.4 综合案例2. 非受控组件介绍非受控组件的应用1. 受控组件1.1 介绍概述：将 state 与表单项中的 value...

• 2023-01-05