forwardRef和useImperativeHandle的联动使用import React, { useImperativeHandle, useRef } from "react"
import { forwardRef } from "react"
const CustomInput = forwardRef((props, ref) => {
const inputRef
组件化思想vue和react都是现在最火的两大前端框架之一，无论是vue，还是react，他们都采用的是组件化的思想。对于一个前端开发人员来说，组
原创
精选
2024-05-06 10:54:41
128阅读
Reactjs 起源于Facebook内部项目，是一个用来构建用户界面的 javascript 库，相当于MVC架构中的V层框架，与市面上其他框架不同的是，React 把每一个组件当成了一个状态机，组件内部通过state来维护组件状态的变化，当组件的状态发生变化时，React通过虚拟DOM技术来增量并且高效的更新真实DOM。本文将对React 的这些特点进行简单的介绍。一个简单的React组件 —
原创
2017-06-29 09:42:48
686阅读
最近react个官方团队推出了最新的 React Server Components 这项技术。这篇文章将对其相关知识点进行介绍。那些常见的渲染模式CSR客户端渲染（Client Side Rendering) 应该是前端最熟悉的一种模式了。从前端的发展历程上看，富客户端目前也已经成为现代前端应用的主流架构。从jQuery到React, Vue框架，基本上所有的交互逻辑都在浏览器上得以实现。浏览器
转载
2021-01-19 18:53:05
502阅读
一个setState函数的隐藏功能进入了大家的视野，那就是setState可以接受一个函数作为参数。
原创
2018-08-09 09:31:22
1368阅读
前言前端一般会面临 XSS 这样的安全风险，但随着 React 等现代前端框架的流行，使我们在平时开发时不用太关注安全问题。以 React 为例，React 从设计层面上就具备了很好的防御 XSS 的能力。本文将以源码角度，看看 React 做了哪些事情来实现这种安全性的。XSS 攻击是什么Cross-Site Scripting（跨站脚本攻击）简称 XSS，是一种代码注入攻击。XSS 攻击通常
转载
2021-02-25 20:49:32
518阅读
2评论
前言React实现可以粗划为两部分：reconciliation和 commit
原创
2022-03-28 14:15:06
2135阅读
在Web开发中，需要将数据的变化实时反映到UI上，这时就需要对DOM进行操作，但是复杂或频繁的DOM操作通常是性能瓶颈产生的原因，为此，React引入了虚拟DOM（Virtual DOM）的机制。一、什么是虚拟DOM？在React中，render执行的结果得到的并不是真正的DOM节点，结果仅仅是轻量级的JavaScript对象，我们称之为virtual DOM。虚拟DOM是React的一大亮...
原创
2022-03-29 10:04:31
284阅读
在移动开发中，动画能有效的提高用户体验。在 React Native 中，也有相应的 API 供我们做动画。这里着重说一下 Animated 动画库，它可以让我们非常简便的去实现各式各样的动画和交互方式，而且具备很高的性能。Animated 目前只封装了四个可以动画化的组件：View、Text、Image、ScrollView，不过你也可以用 Animated.createAnimatedComponent() 来封装你自己的组件。
原创
2017-12-15 11:57:56
3352阅读
作用： 默认情况下必须经过路由匹配渲染的组件才存在this.props,才拥有路由参数，执行this.props.history.push('/detail')跳转到对应路由的页面，然而不是所有组件都直接与路由相连（通过路由跳转到此组件）的，当这些组件需要路由参数时，使用withRouter就可以给
转载
2020-03-27 17:02:00
434阅读
2评论
react-router-v4，我称之为“第四代react-router”，react-router和react-router-dom的区别是什么呢？ 为什么有时候我们看到如下的写法： 写法1: import {Swtich, Route, Router, HashHistory, Link} fr
转载
2020-03-17 11:32:00
307阅读
2评论
最近在使用蚂蚁金服出品的一条基于react的ant-design UI组件时遇到一个问题，编辑页面时input输入框会展示保存前的数据，但是是用defaultValue就是不起作用，输入框始终为空值而不是具体的传入的值。具体编辑页面中文本框相关的代码如下： ... //render方法上面的内容
原创
2017-04-28 15:58:58
947阅读
方法一：echarts-for-react 是一个非常简单的针对于 React 的 Echarts 封装插件。和使用所有其他插件一样，首先，我们需要 install 它：第一步：npminstall --save echarts（依赖）npminstall --save echarts-for-react第二步：在我们的项目中导入：importReactEcharts from 'echa
原创
2018-01-30 09:39:37
10000+阅读
当你在 React 组件里看到以下代码的时候<Button onClick={
event =>{
console.log('user click button')
}
}>
Click Me</Button>你是否曾经想过 onClick 的参数 event 是什么呢？它是浏览器 DOM 事件吗？如果不是，为什么我们也能调用
原创
2020-12-22 17:08:07
418阅读
什么是Hooks？它的优点在哪？为啥vue和react都认为它是未来？小春我想和大家简单聊一聊关于Hooks的来龙去脉。
原创
2022-03-03 14:23:17
121阅读
