关于ant design中input加前缀的问题

简介: 关于ant design中input加前缀的问题

前言

我是歌谣 我有个兄弟 巅峰的时候排名c站总榜19 叫前端小歌谣 曾经我花了三年的时间创作了他 现在我要用五年的时间超越他 今天又是接近兄弟的一天人生难免坎坷 大不了从头再来 歌谣的意志是永恒的 放弃很容易 但是坚持一定很酷


导语

歌谣 歌谣 最近出现了一个新的需求 就是input框输入的时候 需要加一个前缀


代码部分

<InputNumber formatter={(value) => `HZ ${value}`} style={{ width: '100%' }} placeholder="请输入" onChange={this.handleArchivedEncode} />




总结

image.png


编辑


这样的话则功能完成 输入7的时候直接加入前缀HZ7



-----------------------------------


相关文章
|
前端开发 JavaScript API
020 Umi@4 中如何实现动态菜单
020 Umi@4 中如何实现动态菜单
1330 0
020 Umi@4 中如何实现动态菜单
|
2月前
|
人工智能 弹性计算 机器人
阿里云无影GPU云电脑:NVIDIA RTX 5880显卡收费价格表
阿里云无影GPU云电脑搭载NVIDIA RTX 5880显卡,提供多种配置:8核16G内存4G显存型509元/月起,16核32G内存8G显存型1037元/月起,旗舰型32核64G内存最高48G显存,满足3D建模、AI推理等高性能需求,性价比出众。
|
存储 缓存 Java
Android性能优化:内存管理与LeakCanary技术详解
【7月更文挑战第21天】内存管理是Android性能优化的关键部分,而LeakCanary则是进行内存泄漏检测和修复的强大工具。
|
JavaScript
Vue3描述列表(Descriptions)
该组件库包含 `Descriptions` 和 `DescriptionsItem` 两种组件,需配合使用。`Descriptions` 用于构建描述列表,提供标题、操作区、边框、垂直布局等配置;`DescriptionsItem` 作为列表项,可自定义标签和内容样式。支持响应式布局,并集成了多个实用工具函数,如节流、事件监听等。可通过属性灵活调整列表样式与布局。
703 3
Vue3描述列表(Descriptions)
|
存储 缓存 前端开发
CacheStorage详解
CacheStorage 是 Web API 的一部分,用于管理缓存对象的存储。它允许开发者在客户端存储和检索请求-响应对,实现离线访问和性能优化。通过 CacheStorage 接口,可以创建、删除和查询缓存,以及控制资源的缓存策略。
|
人工智能 自然语言处理 数据可视化
通义灵码上新功能:用代码画流程图
不想读前人“骨灰级”代码,不想当“牛马”程序员,想像看图片一样快速读复杂代码和架构。通义灵码刚刚支持代码逻辑可视化,可以把你的每段代码画成流程图。像个脑图工具一样帮你图文并茂画出代码逻辑和框架,再也不用迷失在代码迷宫啦!
|
JSON JavaScript 前端开发
如何检查 JavaScript 对象是否为空
【8月更文挑战第18天】
1505 5
如何检查 JavaScript 对象是否为空
|
SQL 网络协议 安全
有哪些常见的网络攻击类型?
【8月更文挑战第8天】
941 15
Each child in a list should have a unique “key“ prop. Check the render method的报错解决
Each child in a list should have a unique “key“ prop. Check the render method的报错解决
|
前端开发
#yyds干货盘点 【React工作记录十四】关于ant design中input加前缀的问题
#yyds干货盘点 【React工作记录十四】关于ant design中input加前缀的问题
268 0
#yyds干货盘点 【React工作记录十四】关于ant design中input加前缀的问题