React

基于react vant实现弹窗搜索功能-牛翰网

基于react vant实现弹窗搜索功能

目录 搜索 - Search 组件 1. action 2. value 3.点击进行搜索 数据列表 - List 组件 占位组件 - Empty 其他小细节 部分代码如下 搜索 - Search 组件 弹出层的顶部用到了Search组件 1. action Se...
a0ac3d3b640effd7的头像-牛翰网某哈压力大2个月前
04712
React 中hooks之 React.memo 和 useMemo用法示例总结-牛翰网

React 中hooks之 React.memo 和 useMemo用法示例总结

目录 1. React.memo 基础 1.1 基本用法 1.2 带有比较函数的用法 2. React.memo 使用场景 2.1 纯展示组件 2.2 列表项组件 3. useMemo 基础 3.1 基本用法 4. useMemo 使用场景 4.1 昂贵的计算 4.2...
22c390e021cf5fb9的头像-牛翰网傻小胖2个月前
0366
如何使用 electron-forge 搭建 React + Ts 的项目-牛翰网

如何使用 electron-forge 搭建 React + Ts 的项目

目录 前言 介绍 主要环境 Electron Forge 介绍 具体步骤 创建 electron 项目 通过模板创建项目 创建命令 开始创建 试运行 试打包 集成 React 安装依赖 修改 tsconfig 修改项目文件 集成 SCSS 安...
4d8349c04f7ed39c的头像-牛翰网深坑妙脆角2个月前
03513
React类组件更新的底层逻辑案例详解-牛翰网

React类组件更新的底层逻辑案例详解

目录 创建一个构造函数(类) 类组件初始化 1. 初始化属性 && 规则校验 2. 初始化状态 3、触发 componentWillMount 4、触发 render 进行渲染 5、触发 componentDidMount 组件更新的逻辑 ...
8e81b52d025619be的头像-牛翰网不叫猫先生2个月前
0589
React useCallback使用方法详解-牛翰网

React useCallback使用方法详解

目录 1. useCallback 基础概念 1.1 基本语法 1.2 与普通函数的区别 2. useCallback 配合 React.memo 使用 2.1 基本示例 2.2 带有依赖项的示例 3. 实际应用场景 3.1 表单处理 3.2 列表渲染优化 4...
14eeec185c92f089的头像-牛翰网前端涂涂2个月前
0556
react swiper@6.x 工作中遇到的问题处理方案-牛翰网

react swiper@6.x 工作中遇到的问题处理方案

react swiper@6.x 问题处理 由于这个版本比较低,所以网上直接搜到的swiper的使用方法都不适用此版本,故对我工作中遇到的此版本问题做一总结,愿遇到同样问题的朋友少走远路: 1、react swiper...
7e330f9aa658042d的头像-牛翰网人无远虑必有近忧!2个月前
05811
在React中使用Antd上传并读取Excel文件的详细步骤-牛翰网

在React中使用Antd上传并读取Excel文件的详细步骤

目录 安装依赖 创建React组件 代码解释 样式设置 自定义样式文件 ExcelUploader.css 代码解释 总结 安装依赖 首先,你需要安装xlsx库和antd库: npm install xlsx antd 创建React组件 接下...
08d1aaad6b44c0b4的头像-牛翰网再吃一根胡萝卜2个月前
03211
React创建虚拟DOM的两种方式小结-牛翰网

React创建虚拟DOM的两种方式小结

目录 一、JS方式创建虚拟DOM 二、jsx创建虚拟DOM 一、JS方式创建虚拟DOM <body> <div id='test'> </div> </body> <!-- 引入React核心库 --> <script src='./j...
ee1a4a0f1aff7926的头像-牛翰网飞翔的大野猪2个月前
05211
react组件中获取DOM元素的五种方式-牛翰网

react组件中获取DOM元素的五种方式

1, 给标签设置ref属性, 通过this.refs调用  (老版本语法,将要废除) <h1 ref='myH1'></h1> this.refs.myH1 2, 在构造器中创建ref全局变量, 在标签中ref属性动态绑定这个全局变...
bf10b64bae0a639e的头像-牛翰网小企鹅子慢慢2个月前
0475
svelte5中使用react组件的方法-牛翰网

svelte5中使用react组件的方法

目录 svelte5中使用react组件 使用svletkit创建项目 安装react相关依赖 修改vite.config.ts增加react支持 创建react svelte适配器ReactAdapter.svelte, 代码如下: svelte5中使用react组件 在sve...
f5971fdaa24c9d14的头像-牛翰网流泪的鱼2个月前
04712