编程开发 - 教程之家

编程开发

分类导航：HTML/html5 CSS JavaScript PHP Python Java IOS .NET R语言 Android Go语言鸿蒙OS C类语言综合编程正则表达式

53浏览

0评论

react redux的原理以及基础使用讲解

目录介绍为什么会使用 redux？什么时候该使用 redux？redux使用场景redux 作用工作流程使用1.下载2.创建仓库store骨架3.生成仓库4.参数函数的创建 reducer5.引入reducer来辅助s...

2023-01-05 20:46:17

35浏览

0评论

React构建简洁强大可扩展的前端项目架构

目录引言 Bulletproof React是什么文件目录如何组织怎么做状态管理组件状态应用状态服务端缓存状态表单状态URL状态总结引言 React技术栈的一大优势在于 —— 社...

2023-01-05 20:46:13

341浏览

0评论

在 React Native 中使用 CSS Modules的配置方法

目录安装依赖和配置使用示例有些前端工程师希望也能像开发 web 应用那样，使用 CSS Modules 来开发 React Native。本文将介绍如何在 React Native 中使用 CSS Modules。安装...

2023-01-05 20:46:10

46浏览

0评论

关于react ant 组件 Select下拉框值回显的问题

目录react ant组件Select下拉框值回显问题情形解决得问题react ant-design Select组件下拉框map不显示问题描述问题总结react ant组件Select下拉框值回显问题情形最近在处理...

2023-01-05 20:46:08

45浏览

0评论

关于react中列表渲染的局部刷新问题

目录react中列表渲染的局部刷新react实现实时/局部刷新初始做法示例增加数据修改数据删除数据react中列表渲染的局部刷新最近在写demo的时候遇到一个更新列表中某个的对象的...

2023-01-05 20:46:07

41浏览

0评论

React深入了解原理

目录VDOM（虚拟dom）Fiber架构初始化渲染更新时render阶段commit阶段VDOM（虚拟dom）react和vue都是基于vdom的前端框架。web界面由DOM树来构建，当其中一部分发生变化时，其实就是对应...

2023-01-05 20:46:05

44浏览

0评论

React弹窗使用方式NiceModal重新思考

目录一些有趣的真实场景案例一：全局弹窗案例二：存在分支以及依赖关系的弹窗不那么通用的解决方案可能是最好的弹窗实践创建弹窗使用弹窗简单实现思路推荐阅读一些有趣的真实场...

2023-01-05 20:46:03

44浏览

0评论

react进阶教程之异常处理机制error Boundaries

目录Error Boundaries介绍ComponentDidCatch 参数触发error boundaries后程序要走向哪里？对于不能捕获的错误的新处理方式在堆中跟踪componenttry/catch 如何?Event Handlers...

2023-01-05 20:45:57

54浏览

0评论

React在定时器中无法获取状态最新值的问题

目录在定时器中无法获取状态最新值问题原因问题解决ReactHook hooks和定时器产生的bug问题1解决方案在定时器中无法获取状态最新值在做轮播图组件时发现了一个问题，...

2023-01-05 20:45:54

53浏览

0评论

React实现监听粘贴事件并获取粘贴板中的截图

目录监听粘贴事件并获取粘贴板中的截图TSX中给组件添加监听粘贴事件从粘贴板获取截图文件React监听事件事件监听绑定的事件函数相关扩展监听粘贴事件并获取粘贴板中的截图TS...

2023-01-05 20:45:51

43浏览

0评论

react-router-dom入门使用教程(前端路由原理)

目录React路由相关理解...

2023-01-05 20:45:49

62浏览

0评论

react-router-dom入门使用教程(路由的模糊匹配与严格匹配)

目录模糊匹配开启严格匹配Redirect的使用嵌套路由使用模糊匹配<NavLink to="/home/a/b">Home</NavLink><Switch> <Route path="/ho...

2023-01-05 20:45:41

51浏览

0评论

react性能优化useMemo与useCallback使用对比详解

目录引言对比useMemouseCallback引言在介绍一下这两个hooks的作用之前，我们先来回顾一下react中的性能优化。在hooks诞生之前，如果组件包含内部state，我们都是基于class的形式...

2023-01-05 20:45:40

49浏览

0评论

react-redux的基本使用

目录react-redux和redux的关系？react-redux基本使用1.安装2.配置3.组件中使用react-redux和redux的关系？redux是react中进行状态管理的js库（不是react插件），一般是管理多个组件中...

2023-01-05 20:45:37

50浏览

0评论

react中使用antd及immutable示例详解

目录一、react中使用antd组件库二、Immutable2.1 深拷贝和浅拷贝的关系2.2 immutable优化性能方式2.3 immutable的Map使用2.4 immutable的List使用2.5 实际场景formJS三、re...

2023-01-05 20:45:35

58浏览

0评论

react如何获取state的值并更新使用

目录react获取state值并更新使用在视图层处理在model层处理react中state基本使用有状态组件和无状态组件state的基本使用setState修改状态从JSX中抽离事件处理程序事件绑定t...

2023-01-05 20:45:28

45浏览

0评论

React在组件中如何监听redux中state状态的改变

目录在组件中监听redux中state状态的改变解决方式React和redux的状态处理在组件中监听redux中state状态的改变解决方式1、在组件中引入store2、在constructor构造器方法中，重...

2023-01-05 20:45:25

41浏览

0评论

React 正确使用useCallback useMemo的方式

目录正确使用useCallback useMemo的姿势useCallbackuseMemo总结正确使用useCallback useMemo的姿势说起useCallback useMemo大家肯定在React都不陌生，但是真正了解它们的作用...

2023-01-05 20:45:23

150浏览

0评论

React如何实现全屏监听Esc键

目录全屏监听Esc键全屏与退出全屏监听退出全屏事件React添加监听事件监听键盘事件react添加监听事件监听键盘事件全屏监听Esc键全屏与退出全屏if (isFull) { docum...

2023-01-05 20:45:21

57浏览

0评论

react项目升级报错,babel报错,.babelrc配置兼容等问题及解决

目录react项目升级报错,babel报错,.babelrc配置兼容问题遇到问题最终解决方案react运行报错TypeError现记录一下思路react项目升级报错,babel报错,.babelrc配置兼容问题由于...

2023-01-05 20:45:19

46浏览

0评论

React 源码调试方式

目录正文断点调试搜索定位Chrome Devtools 调试sourcemapnpm 下载react包插件注释调试 React 最初源码关联 react 源码项目总结正文什么？调试 React 源码还有优雅和不优雅之...

2023-01-05 20:45:16

52浏览

0评论

React中父组件如何获取子组件的值或方法

目录父组件获取子组件的值或方法方法一方法二方法三React函数式组件传值之子传父具体案例效果展示父组件获取子组件的值或方法先来说下从哪获取的启发，想要从父组件获取子组...

2023-01-05 20:45:08

54浏览

0评论

详解React 的数据流和生命周期

目录数据流和生命周期数据和数据流不可变状态 props只使用 props 的组件组件通信单向数据流渲染和生命周期生命周期方法简介spug 使用了哪些生命周期方法父子组件的生命周期...

2023-01-05 20:45:05

40浏览

0评论

一文带你了解React中的函数组件

目录1. 创建方式2. 函数组件代替类组件3. 自定义 Hook 之 useUpdate补充：函数组件代替 class 组件总结1. 创建方式 // 写法一const Hello = (props) => { return <...

2023-01-05 20:45:03

37浏览

0评论

React函数组件和类组件的区别及说明

目录React函数组件和类组件区别函数组件类组件区别React函数式组件和类组件的优缺点1.类组件的性能消耗比较大2.函数式组件性能消耗小React函数组件和类组件区别定义组件有...

2023-01-05 20:45:01

48浏览

0评论

react+typescript中使用echarts的实现步骤

安装echartsnpm install echarts --save按需加载Echarts demoecharts.init() API文档import * as echarts from 'echarts/core'import { BarChart, // 系列类型的定义后缀...

2023-01-05 20:45:00

42浏览

0评论

react中(含hooks)同步获取state值的方式

目录react(含hooks)同步获取state值环境代码示例异步写成同步的方法react hooks常用方法1.useState2.useEffect3.useContext上下文传值4.useReducer5.useMemo6.useRefreact(...

2023-01-05 20:44:58

39浏览

0评论

React中路由参数如何改变页面不刷新数据的情况

目录React路由参数改变页面不刷新数据的情况React页面路由前端路由和后端路由前端路由介绍匹配模式路由的执行过程hash模式history模式react-router-dom APIReact路由参数改...

2023-01-05 20:44:56

44浏览

0评论

react事件对象无法获取offsetLeft,offsetTop,X,Y等元素问题及解决

目录react事件对象无法获取offsetLeft,offsetTop,X,Y等元素解决方法获取offsetLeft，offsetTop值不准的原因遇坑总结react事件对象无法获取offsetLeft,offsetTop,X,Y等元素rea...

2023-01-05 20:44:55

51浏览

0评论

React Native 中实现确认码组件示例详解

目录正文实现原理开源方案正文确认码控件也是一个较为常见的组件了，乍一看，貌似较难实现，但实则主要是障眼法。实现原理上图 CodeInput 组件的 UI 结构如下：<View style={[style...

2023-01-05 20:44:49

45浏览

0评论

使用useImperativeHandle时父组件第一次没拿到子组件的问题

目录用useImperativeHandle父组件第一次没拿到子组件背景需求问题解决方法用useImperativeHandle让父组件操纵子组件的状态和方法用useImperativeHandle父组件第一次没拿到...

2023-01-05 20:44:46

40浏览

0评论

react-router-dom6(对比 router5)快速入门指南

目录React Router 6 快速上手1.概述2.基本使用3.重定向4.NavLink高亮5.useRoutes路由表6.嵌套路由（Outlet）React Router 6 快速上手在之前的文章中，我们已经学习了react-router...

2023-01-05 20:44:45

134浏览

0评论

react 路由权限动态菜单方案配置react-router-auth-plus

目录正文如何使用1. 配置路由2. 在应用的最外层渲染路由权限说明动态菜单正文在 react 中做路由权限管理，一直是比较麻烦的事，不像 vue 中有进入路由前拦截的功能。在摸鱼时间...

2023-01-05 20:44:42

49浏览

0评论

Modal.confirm是否违反了React模式分析

目录引言什么是“React模式”？引言如何评价 Ant Design 这个项目（一个设计语言）？这是一篇临时起意的文章，我参与了一点上图中的讨论，正好有点时间，索性拉篇文章专门聊聊...

2023-01-05 20:44:40

32浏览

0评论

基于useImperativeHandle的使用解析

目录useImperativeHandle的使用useImperativeHandle使用useImperativeHandle时父组件第一次没拿到子组件方法背景需求问题解决方法useImperativeHandle的使用你不能在函数组...

2023-01-05 20:44:37

49浏览

0评论

react中的useImperativeHandle()和forwardRef()用法

目录一、useImperativeHandle（）二、forwardRef（）三、案例父组件子组件一、useImperativeHandle（）useImperativeHandle(ref, createHandle, [deps])useImperativeHandle 可以让你在...

2023-01-05 20:44:35

42浏览

0评论

React构建组件的几种方式及区别

目录一、组件是什么二、如何构建函数式创建通过 React.createClass 方法创建继承 React.Component 创建三、区别一、组件是什么组件就是把图形、非图形的各种逻辑均抽象为一...

2023-01-05 20:44:32

45浏览

0评论

react中路由和按需加载的问题

目录react路由和按需加载问题1 基本的路由设置2 如何完成路由的菜单部分3 如何将每个路由的js文件分开输出4 react-router按需加载配置5 最后效果react路由的基本使用1.先下...

2023-01-05 20:44:30

31浏览

0评论

react中使用useEffect及踩坑记录

目录使用useEffect及踩坑记录useEffect 介绍useEffect常见跳坑hooks中useEffect()使用总结常见使用useEffect() 的第二个参数说明useEffect() 第一个函数参数的返回值useEff...

2023-01-05 20:44:26

39浏览

0评论

React 实现爷孙组件间相互通信

目录前言爷孙组件间通信前言最近在学习React，给大家总结下跨组件通信中，爷孙组件之间怎么相互通信。简单明了上代码直接一把梭，不多解释。爷孙组件间通信案例如下：代码：//跨组件...

2023-01-05 20:44:25

61浏览

0评论

React Native 中实现倒计时功能

目录正文首次实现最终实现示例正文在 React Native，该如何实现一个倒计时功能呢？首次实现表面看来很简单，譬如像下面这样：const timer = useRef<ReturnType<typeof setInterval>...

2023-01-05 20:44:23

55浏览

0评论

react最流行的生态替代antdpro搭建轻量级后台管理

目录前言项目初始化数据请求 + mock配置 axios配置 react-querymock路由权限配置路由文件main.tsxApp.tsx页面编写login 页面BasicLayout动态菜单栏封装页面通用面包屑总结...

2023-01-05 20:44:21

36浏览

0评论

前端开发使用Ant Design项目评价

目录好的方面不好的方面更新@2020更新@2022Tooltip 直接使用 rc-tooltip 的 props type好的方面作为前端开发使用 Ant Design 1年多了，想说几句。先说好的方面——...

2023-01-05 20:44:19

40浏览

0评论

关于react useState更新异步问题

目录react useState更新异步记useState异步更新小坑问题点react useState更新异步当我们使用react中useState这个hook时候，如下const [page, setPage] = useState(1);const h...

2023-01-05 20:44:16

44浏览

0评论

react redux及redux持久化示例详解

目录一、react-redux二、redux持久化一、react-reduxreact-redux依赖于redux工作。运行安装命令：npm i react-redux：使用：将Provider套在入口组件处，并且将自己的store传进去：i...

2023-01-05 20:44:15

48浏览

0评论

react实现数据监听方式

目录react 数据监听react事件监听三种写法方式一方式二方式三react 数据监听监听组件传递的值： componentWillReceiveProps(newProps) { 参数为给组件传递的参数 ...

2023-01-05 20:44:12

290浏览

0评论

react-redux多个组件数据共享的方法

目录多个组件数据共享总结：多个组件数据共享我们之前讲解的一直都是只有一个组件需要向redux读取状态，也就是Count这个求和组件。那么我们在实际使用redux的场景中，当然是有很...

2023-01-05 20:44:10

28浏览

0评论

react-native弹窗封装的方法

本文实例为大家分享了react-native弹窗封装的具体代码，供大家参考，具体内容如下上图仿苹果弹窗组件（android+ios均可用）以上效果均基于本文的弹窗组件，后续将会介绍上面的组件，也...

2023-01-05 20:44:08

50浏览

0评论

React封装弹出框组件的方法

本文实例为大家分享了React封装弹出框组件的方法，供大家参考，具体内容如下效果图文件目录alertList.tsx 用于容纳弹出框的容器import React from "react";export const HAlert...

2023-01-05 20:44:05

27浏览

0评论

React中的JSX { }的使用详解

目录JSX概述1.在JSX中使用{ }2.在JSX中嵌套标签3.{}中的样式和事件处理4.在JSX中使用语句JSX概述　　由于通过React.createElement()方法创建的React元素代码比较繁琐，结构不...

2023-01-05 20:44:02

首页 «162 163164165 166 »尾页

热门文章