E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
antd-mobile
react
antd-mobile
ActionSheet+tag实现多选
实现效果如下在手机下方弹出弹窗选择月份点确定后再次点击申请月份,之前已选的月份会自动选上全部功能描述:1、点击输入框,自动弹出选择弹窗(使用actionsheet,这部分不过多阐释)2、弹窗可多选的内容由后台接口传入(或自己写数据,看需求)3、灰色部分为后台返回的不可选择的标签,不允许用户点击选择(disabled)4、选择一个或多个标签后,点击确定,保存选择的标签,并在输入框中显示选择的内容。倘
YING-FINE
·
2024-02-08 15:47
react
react
前端
react 点击图片放大(利用
antd-mobile
里的Modal)
//引入import{Modal}from"
antd-mobile
";//statethis.state={isShow:false,imgSrc:""};//funonClose=()=>{this.setState
lovelydong
·
2024-01-31 00:39
如何在react-native实现自定义的垂直方向跑马灯
第二方案打算使用ant-mobile的Carousel组件,import{Carousel,WingBlank}from'
antd-mobile
';import{Text}from'react-native
xjl271314
·
2024-01-27 14:52
ReactNative
Animated
react
reactNative动画
React关于axios的二次封装 以及token刷新登录
import{Toast}from"
antd-mobile
";importaxios,{AxiosError}from"axios";importstorefrom'@/store'import{getTokenInfo
h960822
·
2024-01-24 17:07
react.js
javascript
前端
TypeError: (0 , _ahooks.createUpdateEffect) is not a function
版本"next":"14.0.4","
antd-mobile
":"^5.34.0",next中使用
antd-mobile
可困难了.主要是因为
antd-mobile
不支持ssr1.下载
antd-mobile
实习小子
·
2024-01-24 13:17
前端
服务器
javascript
nextjs + react + antd 冲突错误解决方案
1、使用了
antd-mobile
并且需要对它进行按需加载,下面是官方的文档,推荐我们使用babel-plugin-import。
简壹零
·
2024-01-24 05:47
React之
Antd-mobile
使用方式及配置自定义主题颜色
文章目录一、使用
Antd-mobile
(1)下载
antd-mobile
(2)使用二、修改配置颜色(1)安装包(2)修改package.json(3)根目录新建config-overrides.js法一:
Welkin_qing
·
2024-01-12 19:16
react
css
reactjs
vite+react+antd-mobile实现类似react-app-rewired的按需加载
vite.config.jsimportvitePluginImportfrom'vite-plugin-babel-import'……plugins:[reactRefresh(),vitePluginImport([{libraryName:'
antd-mobile
daoke_li
·
2023-12-31 16:49
前端移动开发
前端
vite
react
rewired
按需加载
react
antd-mobile
react+redux+antd-mobile 之 记账本案例
@reduxjs/toolkit、react-redux//2.路由-react-router-dom//3.时间处理-dayjs//4.class类名处理-classnames//5.移动端组件库-
antd-mobile
jiojio在学习勒
·
2023-12-31 16:48
React
react.js
前端
前端框架
antd 中 rc-form 的用法
在使用
antd-mobile
的InputItem组件的时候需要引入受控组件rc-formnpminstallrc-formrc-form有几个常用的方法:getFieldProps这个方法接收两个参数,
千寻_GHSA
·
2023-12-29 21:26
react-signature-canvas+hook 实现手写签名并生成图片
yarnaddreact-signature-canvas@types/react-signature-canvas实现手写签名并生成图片,代码如下:import{Button}from'
antd-mobile
si_li
·
2023-12-01 03:08
前端
react
签名
html5
reactjs
React学习 antd2升级到antd5; Class 中使用 React Hooks,并且能够互相传值
第一种方法要把项目中所有对
antd-mobile
的引入都替换为antd-mobile-v2,成本比较大,而且也没有足够时间去测试替换后的项目。因此这里采用第二种安装方式,别名安装。
略略略_略
·
2023-11-20 06:10
react.js
javascript
前端
Next+React+Antd-mobile的简单搭建使用
前言最近公司需要使用Next结合React、
Antd-Mobile
开发服务端渲染的H5,于是就看了些文档搭建一个简单地环境记录下来。
繁花已落
·
2023-11-17 17:15
前端学习
js
react
javascript
移动端 react +
antd-mobile
二级联动(一二级均多选)
前提:数据结构为树形结构(二级数据带一级ID)功能说明:默认展示一级下拉菜单,选完一级之后,二级的列表数据为选好的所有一级的二级数据,最后点确定之后,展示全部的选择(包括一级和二级)。展示出来的部分可以删除及全部删除。!!!注意注意:选了一级,没选择二级,会在最后点确定的时候带出全部的二级,如果这个一级下面选了二级,最后只会展示已选择的二级。你需要准备的变量const[cascadeData,se
淼จุ๊บ
·
2023-11-10 08:42
react
antd-mobile
react.js
javascript
前端
最详细教程【React+TS】从零开始搭建React+TypeScript+Router+Redux+Less+px2rem自适应+sass+axios反向代理+别名@+
Antd-mobile
前提你需要准备好node.js版本不低于6.14.8和git文章内容比较长(保姆级别教程),全是干货,请耐心看完通过create-react-app脚手架搭建项目1.第一步注:项目名称不可以出现大写字母打开文件夹,呼出cmd,输入搭建命令:npxcreate-react-apptestproject--templatetypescriptnpxcreate-react-apptestproject
红烧四喜丸子
·
2023-11-08 19:01
react
react.js
typescript
less
【React+TS】从零开始搭建react+typescript+router+redux+less+px2rem自适应+axios反向代理+别名@+
Antd-mobile
一、通过create-react-app脚手架创建项目npxcreate-react-apptestproject--templatetypescript在vscode中打开项目,可以看到顺利生成了react项目且组件的后缀为tsx,此时说明成功创建了react+typescript项目的雏形在项目根目录下,运行npmrunstart,成功启动项目npmstart二.配置路由npmireact-r
是晶晶
·
2023-11-08 19:01
react.js
typescript
less
【React+TS】从零开始搭建react+typescript+router+redux+less+pxToVw自适应+sass+axios反向代理+别名@+
Antd-mobile
一、通过create-react-app脚手架创建项目npxcreate-react-apptestproject--templatetypescript在vscode中打开项目,可以看到顺利生成了react项目且组件的后缀为tsx,此时说明成功创建了react+typescript项目的雏形在项目根目录下,运行npmrunstart,成功启动项目npmrunstart二、配置路由npmireac
繁星召唤
·
2023-11-08 19:30
react配置
ts+react配置
ts+react
typescript
react.js
less
前端
next.js+react+typescript+antd+antd-mobile+axios+redux+sass react服务端渲染构建项目,从构建到发布,兼容pc+移动端
简介:该教程兼容pc+移动端,如只需一端,可忽略兼容部分教程,根据需要运行的客户端构建项目antd官网:https://ant.design/components/overview-cn/
antd-mobile
局外人LZ
·
2023-11-08 19:59
前端
javascript
react.js
sass
前端
typescript
【React+TS】从零开始搭建react+typescript+router+redux+less+px2rem自适应+sass+axios反向代理+别名@+
Antd-mobile
一、通过create-react-app脚手架创建项目npxcreate-react-apptestproject--templatetypescript在vscode中打开项目,可以看到顺利生成了react项目且组件的后缀为tsx,此时说明成功创建了react+typescript项目的雏形在项目根目录下,运行npmrunstart,成功启动项目npmstart二、配置路由npmireact-r
秃顶的程序员.
·
2023-11-08 19:28
react.js
typescript
less
umi 项目安装
antd-mobile
v5 后报错如何解决
由于我需要用到
antd-mobile
,安装后发现报各种依赖错误如下:Thesedependencieswerenotfound:
antd-mobile
/es/buttonin.
沐歌丨丶
·
2023-11-08 06:59
前端
JavaScript
react
typescript
react.js
javascript
当组合使用
antd-mobile
的Tabs 和 ListView的时候,上拉的时候让本该固定的Tabs被隐藏
当组合使用
antd-mobile
的Tabs和ListView的时候,发现ReactDOM.findDOMNode(ref.current).offsetTop查找ListView该dom节点的offsetTop
DS_ffe8
·
2023-10-31 03:21
云凤蝶可视化搭建的推导与实现 - SEE Conf
##自我介绍首先简单自我介绍一下,我在社区的id一般是paranoidjk,我曾经参与过的一些项目有:移动端开源组件库
antd-mobile
,蚂蚁的移动营销活动平台凤蝶,现在主要focus在企业级应用制作平台云凤蝶这个产品上
FuckTheWindows
·
2023-10-29 19:00
解决antd/
antd-mobile
等input输入后自动失焦的问题
这个问题主要发生在render该组件时存在if判断或者switch判断的情况下,数据变更后引起组件重新render,导致input也被重新渲染,肯定会自动失焦,解决办法也很简单,把input部分抽离出来单独封装成一个小组件,组件内部数据变动不引发外部父组件重新render,就可以解决自动失焦的问题
祝鸭子
·
2023-10-26 11:33
网站建设
前端
react.js
javascript
云凤蝶可视化搭建的推导与实现
自我介绍首先简单自我介绍一下,我在社区的id一般是paranoidjk,我曾经参与过的一些项目有:移动端开源组件库
antd-mobile
,蚂蚁的移动营销活动平台凤蝶,现在主要focus在企业级应用制作平台云凤蝶这个产品上
自画象
·
2023-10-21 08:05
webpack4 升级至 webpack5 过程总结
zzy-project-cli(地址在文末)此项目为自行开发构建,包含原webpack4版本和升级后的webpack5版本框架技术栈为react、react-router、HOOK、react-redux(已安装,未使用)、
antd-mobile
想必是渣渣宇了
·
2023-10-19 15:34
webpack
JS
React
javascript
node.js
webpack
antd-Mobile
走马灯Carousel遇到的坑
问题:当Carousel数据通过接口获取时,自动切换效果就会无效,且首页展示的高度为默认的最小高度;只有手动切换一张之后,才能启动自动切换,且高度恢复为正常高度;原因:1、初次进来数据为空,默认显示最小高度解决方法一:设置flag值,等数据加载完之后,重新render,此时再加载Carousel组件,就能正常启动了。这种方法的问题是,页面在重新加载时,会有2s左右的延时,性能很不好。2、state
IFELSE侠
·
2023-10-14 07:47
react实现触底加载
React+Antd实现数据的触底加载(koa2后端数据)效果触底加载效果用到了
antd-mobile
第三方库中的InfiniteScroll无限滚动安装第三方库:yarnaddantd-mobilenpmiantd-mobile
Wnn905
·
2023-10-13 16:33
react.js
前端
后端
原生js如何实现上拉加载与下拉刷新?
上拉加载上拉加载的实现方式与下拉刷新类似,也是通过监听滚动事件,并判断滚动到底部触发相应的操作使用
antd-mobile
分
J轩
·
2023-10-13 14:12
React
前端
vue.js
javascript
React如何命令式调用自定义的Antd-Modal组件
riskModal与show等方法结合起来并导出│riskModal.js//自定义Modal│riskModal.less│show.js//命令时调用riskModal.jsimport{Modal}from'
antd-mobile
先树立一个小目标
·
2023-10-11 13:11
前端
React
react.js
javascript
前端
12-antd-mobile组件使用
1、安装npminstallantd-mobile@next--savenpminstallbabel-plugin-import--save2、简单使用import{Button}from'
antd-mobile
'import'
antd-mobile
谷子多
·
2023-10-10 17:54
关于react脚手架使用antd进行按需加载操作
一、当我们使用antd时,首先使用,来下载antdUI组件库yarnaddantd//若是使用
antd-mobile
则下载
antd-mobile
二、使用antd组件库的全局引入,做一个Button按钮importReactfrom'react'importReactDOMfrom'react-dom'import
宇雨️鱼
·
2023-10-09 17:00
reactjs
less
React相关内容
一、react开发环境的熟悉二、在react开发环境下,结合
antd-mobile
以及antd-design组件的使用。
An的杂货铺
·
2023-10-05 00:02
react使用
antd-mobile
的按需加载和自定义主题
前言练习使用react做移动端h5的时候,选择使用antd-mobileUI库。但是在使用的时候,遇到了一些坑。查询了很多别人遇到类似问题的解决方法。现在记录一下自己的解决方法。1、创建react项目以及准备工作1.1、创建项目npxcreate-react-app[你的项目名称]1.2、下载需要的UI组件库yarnaddantd-mobile1.3、整理项目目录这里放一个本人整理好的项目目录,当
长情G
·
2023-10-04 04:15
react class组件+
antd-mobile
的下拉刷新上拉加载
CheckboxItem不用看,还没完善,有一些语法重复判断需要更改importReact,{Component}from'react'importReactDOMfrom'react-dom';import'./index.less'importNavBarfrom'@/NavBar/'import{getAddressList}from'@api/home'import{ListView,Pu
V8贤
·
2023-10-03 07:28
antd-mobile
的 PickerView无法对齐
google过了没找到方案解决:当时用的
antd-mobile
的版本是5.14.3,将其升级到最新的5.24.0,就解决了
王善良_
·
2023-10-03 01:02
create-react-app 不 eject 搭建项目
文最后附上github地址,可直接开箱使用,喜欢的给个star~create-react-appmobilenpminstallantd-mobile--save(引入
antd-mobile
,常用的UI
DS_ffe8
·
2023-09-28 22:55
typescript 扩展第三方组件属性
比如
antd-mobile
官方文档Popover组件属性报错TS2769:Nooverloadmatchesthiscall.Overload1of2,'(props:Readonly):Popover
seven_2547
·
2023-09-22 13:31
React 兼容萤石云和海康威视播放组件
connect}from'dva';import{routerRedux}from'dva/router';import{Picker,ListView,TabBar,Toast,Grid}from'
antd-mobile
图灵晚辈
·
2023-09-22 02:24
React
react.js
javascript
前端
react-hooks+antd-moblie列表ListView组件分页
useState,useEffect}from'react';import{Link}from'react-router-dom';import{Tabs,Menu,Flex,ListView}from'
antd-mobile
'importajaxfrom
讨口子
·
2023-09-14 08:54
react-hook+antd-mobile ListView长列表分页
用react-hook+ListView实现长列表分页,代码如下:import{ListView,ActivityIndicator}from'
antd-mobile
';importReact,{useState
si_li
·
2023-09-14 08:52
移动端
react-hook
react
listview
自造简易版音频进度条
积累了很多有趣的经验,今天先分享播放进度条的开发过程.效果话不多说,先看效果支持点击修改进度,拖拽修改进度,当然大家肯定都知道ui库里面有现成的,为何要自己造一个首先著名的ui库中确实都要这样的滑动输入条,比如
antd-mobile
0522Skylar
·
2023-09-09 09:40
前端
前后端交互
音视频
【腾讯云Cloud Studio实战训练营】Cloud Studio 快速搭建学习分享
、CloudStudio是什么1.2、CloudStudio的优势1.3、建议使用场景二、实战:快速构建React完成点餐H5页面还原2.1、打开官网2.2、选择React框架模板2.3、编码部分安装
antd-mobile
小虚竹
·
2023-08-30 18:20
腾讯云
学习
云计算
react-hooks 一般写法汇总
文件一般写法//引入统一封装api请求import{getById}from"@/api";//引入ui组件库import{Toast}from"
antd-mobile
";//useEffect类似vue
Li_Ning21
·
2023-08-23 08:16
react.js
javascript
前端
reactjs中使用三方UI库的问题总结
antd-mobile
中用到了最常见的Carousel组件:组件属性如下:!
TSDong
·
2023-08-23 03:25
React 查漏补缺
在工作做我们一直使用react及react相关框架(antd/
antd-mobile
)但是对于react的深层的了解不够:JSX语法与虚拟DOM的关系?高阶组件是如何实现的?domdiff的原理?
880d91446f17
·
2023-08-18 17:52
React配合
antd-mobile
框架环境搭建
1.用create-react-appxxx创建项目创建项目查看安装版本2.因默认安装的是@2.x的版本,兼容性不高,因此我们需要降级到@1.x的版本,首先卸载react-scripts,重新安装@1.x的版本卸载react-scripts卸载成功之后3.卸载成功之后,重新安装
[email protected]
重新安装@1.x版本成功降级4.生成配置文件cnpmruneject(此处不可逆)5.配
八点多的橘子
·
2023-08-18 13:10
【腾讯云 Cloud Studio 实战训练营】使用云IDEA,快速构建React完成点餐H5页面
文章目录前言简介优势项目介绍实战教学注册流程创建工作空间环境配置安装
antd-mobile
安装less和less-loader暴露webpack配置文件修改config/webpack.config.js
阿Q说代码
·
2023-08-17 04:49
人工智能
腾讯云
react.js
Cloud
Studio
IDE
点餐系统
React
H5
react-create-app脚手架使用
antd-mobile
定制主题
按照官网的做法做了很久都没找到头绪,而且各种报错,react-app-rewired的版本也无法使用后来找到的解决办法,参照https://blog.csdn.net/guo187/article/details/93209335步骤如下:1.引入react-app-rewired并修改package.json里的启动配置。。由于新的
[email protected]
版本的关系,你需要还需
EchoChien
·
2023-08-13 16:46
antd-mobile
的ListView组件踩坑
一、ListView容器不加固定高度就无法展示问题如题,但有的情况下我们不好确定固定高度,这时可以加个useBodyScroll属性,使用html的body作为滚动容器,就不需要设置固定高度了。二、加了useBodyScroll属性后不触发onScroll和onEndReached事件在上面的基础上加了useBodyScroll属性后,发现onScroll和onEndReached事件不生效了,这
dream_Q
·
2023-08-10 15:09
【腾讯云Cloud Studio实战训练营】使用React快速构建点餐H5
文章目录前言一、CloudStudio是什么二、CloudStudio特点三、CloudStudio使用1.访问官网2.账号注册3.模板选择4.模板初始化5.H5开发安装
antd-mobile
安装Less
Xd聊架构
·
2023-08-05 09:08
云原生
腾讯云
react.js
云计算
Cloud
Studio
react
上一页
1
2
3
4
5
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他