antd-mobile picker组件不显示或者报错解决

最新推荐文章于 2023-12-25 17:29:02 发布
最新推荐文章于 2023-12-25 17:29:02 发布
阅读量1.7k 收藏
点赞数
分类专栏： react 工具类 文章标签： antd- mobile picker
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_38318244/article/details/121168871
版权

版本问题！！！！

最近用antd-mobile，真的太坑了，一开始npm install的时候没有安装固定版本，然后它就自动安装的4.x的，调试时发现组件怎么弄都不显示，还有好多报错，后面发现我用的代码是官网最新的，是5.x的，和我本地安装包不一致，遂换了个版本就好了~就这么坑，唉！

仙女爱吃鱼
关注
专栏目录
antd-mobile Picker value 属性不生效
huyao的博客
12-03 6623
const entranceTimeOptions = [ { value: '2018', label: '2018' }, { value: '2017', label: '2017' }, { value: '2016', label: '2016' }, { value: '2015', label: '2015' } ] <Picker data...
antd picker 使用 如何_React实现滑动选择插件（仿Antd-mobile Picker）
weixin_39946274的博客
12-20 1428
效果图需求由于移动端iOS和安卓原生select样式和效果不同，同一个控件在不同系统上效果不同。所以决定制作一个跟iOS风格类似的，可以滚动，选择器插件。之后看到了antd-mobile里面的picker插件符合我们的要求，使用了一段时间感觉其效果不错，隧查看源码，探究其制作过程。但是antd-mobile是Typescript编写的，跟React类似，但是又不太一样。所以基本是关键问题查看其做参...
antd选择器赋值但是只显示value不显示对应的选项值
peppa_pig的博客
06-10 2669
出现的问题如下，value
React-Native种使用antd-mobile的Picker时出现的异常报错
xjl271314的博客
05-07 3344
场景： 在使用Picker组件时，修改用户的性别，后台的返回数据是这样的： data:{ code:1, gender:'男' } React-native界面是这样的： import React from 'react' import { View } from 'react-native' import { List, InputItem, Picker...
antd-mobile中无法调用Picker、inputItem、datePicker等组件中的onChange回调函数
马娟的博客
03-07 4324
问题描述： 使用antd-mobile+rc-form做表单时，发现Picker等组件中的onChange回调函数用onChange={this.onChange}无法触发，封装的子组件无法像父组件传值。 注意：此处只是针对onChange的回调函数，其他回调函数依旧可以正常使用，因为，rc-form会获取onChange事件的变化来更新form表单里的值，导致此处像往常一样用onChange...
vue3 ant-design 使用a-date-picker 没有显示中文
weixin_41019957的博客
04-27 675
2.在App.vue中加入全局国际化。1.在main.js中加入。自己记录下，以后用。
antd-mobile 使用 TabBar 标签栏的一个小问题
王扬扬的博客
12-19 9590
问题：同时使用antd-mobile的TabBar 和 Carousel 走马灯的时候，发现图片无法滑动了 原因：由于我使用的是Router进行页面元素更新，而TabBar  中自带的内容元素直接把整个页面覆盖了，导致你操作不了其他元素……   解决办法：设置TabBar属性：noRenderContent 不渲染内容，外围div增加样式： position: 'fixed', ...
基于umi+antd-mobile的移动端项目模板
02-22
"基于umi+antd-mobile的移动端项目模板"是一个针对移动端应用开发的高效解决方案，它结合了两个强大的工具：umi框架和antd-mobile组件库。这个模板提供了一个快速启动的项目结构，旨在帮助开发者更高效地构建高质量...
antd-mobile-plus:基于antd-mobile @ 2的业务组件
03-25
这是一个使用antd-mobile @ 3中的规范，从新规划的基础antd-mobile @ 2组件的基础上开发的业务组件。 其中包含了一些约定和规范，任何参加此项目维护的朋友，都必须保持一下约定，如果你也需要基于antd-mobile @ 2...
antd-mobile-react17:antd-mobile react17
05-25
3. 自定义样式：通过CSS-in-JS或者Less、Scss等方式，自定义Antd-Mobile组件的样式，满足个性化需求。 4. 状态管理：结合Redux或MobX等状态管理工具，更好地管理和共享应用状态，提高组件间的通信效率。 5. 异步操作...
ant mobile中的CalendarPicker 展开定位问题 以及开始结束显示问题
最新发布
faith_girl的博客
12-25 895
今天开始时候 使用了ant mobile中的CalendarPicker 结果发现问题多多啊 一步一坑现在总结下我遇到的问题 希望对你有帮助使用组件图片一：需求描述：时间跨度 当前时间的前后5年 默认选中时间时前三个月以及未来一个月。
antd-mobile DatePickervView封装按日按月组件（TS版本）
mollerlala的博客
03-22 2734
用到前端语言：antd-mobile，react，typescript，less 效果：可按月，按时间段筛选列表。 时间选择组件接收 month，startTime，endTime三个字段，type类型为string onClose方法，点击取消的事件 onOk方法，点击确定的事件 效果图： 页面代码 import { Button, DatePickerView, } from 'antd-mobile' import dayjs from 'dayjs' import React, { use
Taro组件没写错就是不显示，解决方法
caarrrrite的博客
01-16 1520
这个问题困扰了我一天，区别就在于一个地方 这句话里 export default class course extends Component { 不能用Taro.Component 要不然样式就不会显示 最后引用是这样写的
antd-mobile-v2日期选择器
刻痕
01-19 3476
antd-mobile 常用的日期选择器，很多常用的地方需要用到。 官网文档：https://antd-mobile-v2.surge.sh/components/date-picker-cn/ 比较简单，直接看代码 引用： import React, { useState, useEffect } from 'react'; import { DatePicker } from 'antd-mobile'; import "./index.less"; // import CalendarIcon f
antd-mobile中Picker选项更新的问题
关中刀客在青岛
02-10 1077
如图，Picker按钮上显示的数值是设备的设定温度，可以在点击后通过弹窗选项来修改这个设定温度。同时，设备端或其他手机端也可以修改这个温度，所以这个设定温度是随着设备的实际状态而实时变化的。每次打开弹窗时，选中项和当前显示的应该一致，即设备实际设定温度。
RN使用‘antd-mobile‘中的DatePicker组件报错
Leg_hair的博客
04-01 1111
加了一个第三方库prop-types，导致如下报错，接下来开始了长时间的解决过程 最后选择把这个库先不添加，删除node_modules，再重新yarn install 或者npm install，就可以了 ...
使用antd-mobile的PickerView实现一个跨天时间选择器
关中刀客在青岛
02-27 1710
需求逻辑 今天到明天预约时间范围是下一分钟开始往后的24小时 切换每列数据时，其他列对应的数据要自动切换到合适的范围 每次打开预约开关时，预约的数据列表及时更新 antd-mobile的PickerView组件有个bug：在onChange事件中切换数据源后，有时可以自动再次触发onChange以获取正确的值，但有时不会。所以这里在每次切换数据源后，根据情况手动获取picker的值以进行修正 完成效果如下： 组件代码 import { useState, useEffect } from 'reac
vue antd 的 DatePicker组件的RangePicker
SONG_yx的博客
08-03 1775
antd的DatePicke组件 限制可选择的时间区间 页面 <a-range-picker class=“data-picker” @ok=“fOk” :default-value="[appointStartTime,appointEndTime]" :locale=“currentLanguage === ‘zh-CN’?zhCN:enUs” :show-time="{ format: ‘HH:mm’ }" :disabledDate=“disabledDate” :disabled-time=
antd-mobile 多层modal弹框导致mask层显示异常
qq_38427709的博客
12-13 2820
最近用antd-mobile2.30，因为需求需要输入大量信息，因此用到了多层弹窗，然后发现在安卓中多层弹窗正常，但是在ios弹窗中的Modal.alert弹框的mask层无法正常显示 因此看了下它的css属性发现，wrap层存在z-index, translateZ两个属性在两个系统中渲染顺序的问题 .am-modal-wrp { z-index: 999; transform: translateZ(0.2667rem); } z-index在安卓中等级较高，而translateZ在ios中等级较
antd-mobile picker
06-06
antd-mobile picker是一个React Native框架中的组件，用来显示一个指定选项列表供用户选择。它适用于需要用户选择一项或多项数据时的场景，如选择日期、时间、城市等。通过antd-mobile picker，开发者可以方便地定义...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值