程序语言

编程技术教程

详解如何构建自己的react hooks

1. 常用的一个 hooks 官方中提供了几个内置的钩子，我们简单了解下他们的用...

React中事件绑定this指向三种方法的实现

1.箭头函数 1.利用箭头函数自身不绑定this的特点; 2.render()方...

react国际化react-intl的使用

react怎么实现国际化？react-intl插件提供了一套实现react国际化...

react中props 的使用及进行限制的方法

组件的props（ props是一个对象）作用：接收传递给组件的数据特点：...

react如何快速设置文件路径别名

React是用于构建用户界面的JavaScript库，起源于Fac...

React函数式组件的性能优化思路详解

优化思路主要优化的方向有2个：减少重新 render 的次数。因为在 Rea...

react自动化构建路由的实现

序在使用react-router-dom在编写项目的时候有种感觉就是,使用起来...

详解React setState数据更新机制

为什么使用setState 在React 的开发过程中，难免会与组件的state...

在Ant Design Pro登录功能中集成图形验证码组件的方法步骤

前言：本篇文章只介绍在Ant Design Pro登录功能中集成图形验证码组件...

无废话快速上手React路由开发

安装输入以下命令进行安装： // npm npm install react-...

详解React Hooks是如何工作的

1. React Hooks VS 纯函数 React Hook 说白了就是 R...

提高React界面性能的十个技巧

总的说来，React是通过维护视图中的内存(in-memory)模型来运作的。这...

react合成事件与原生事件的相关理解

1. 原生事件原生事件就是js的原生事件，如通过document.addEve...

React hooks的优缺点详解

前言 Hook 是 React 16.8 的新增特性。它是完全可选的，并且100...

react实现浏览器自动刷新的示例代码

在单页应用如此流行的今天，曾经令人惊叹的前端路由已经成为各大框架的基础标配，每个...

react native实现监控手势上下拉动效果

react native实现监控手势进行上下拉动效果,详细核心代码如下: 代码：...

React虚拟列表的实现

1.背景在开发过程中，总是遇到很多列表的显示。当上数量级别的列表渲染于浏览器，...

30分钟带你全面了解React Hooks

概述 1. Hooks 只能在函数组件内使用； 2. Hooks 用于扩充函数组...

浅谈React 的引入

1. CDN 引入和普通的 JS 库或框架一样，React 也可以从 CDN ...

浅析React中的受控组件和非受控组件

非受控组件表单数据由DOM本身处理。即不受setState()的控制，与传统的...

React三大属性之Refs的使用详解

refs是React中用来取得某个JSX组件或者某个DOM中的一些状态值的时候，...

如何不使用eject修改create-react-app的配置

一、为啥不建议执行eject 1.执行eject产生了什么变化？ create-...

React嵌套组件的构建顺序

在React官网中，可以看到对生命周期的描述这里有一个疑问是，在嵌套组件中，是...

React ref的使用示例

写了一段时间的 react，99%都在写 state、prop、useState...

React-Native 环境搭建和基本介绍

环境搭建准备 1.环境搭建 React Native中文网 2.开发工具前端开...

TypeScript在React项目中的使用实践总结

序言本文会侧重于TypeScript（以下简称TS）在项目中与React的结合...

react显示文件上传进度的示例

Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 no...

封装一个最简单ErrorBoundary组件处理react异常

前言从 React 16 开始，引入了 Error Boundaries 概念...

React如何利用Antd的Form组件实现表单功能详解

一、构造组件 1、表单一定会包含表单域，表单域可以是输入控件，标准表单域，标签，...

详解React中key的作用

要了解React中key的作用，可以从key的取值入手，key的取值可以分为三种...

React useMemo和useCallback的使用场景

useMemo 我们知道当父组件发生重新渲染时，其所有（状态、局部变量等）都是新...

React Diff原理深入分析

在了解Diff前，先看下React的虚拟DOM的结构这是html结构 <...