#私藏项目实操分享# 【React工作记录十四】关于ant design中input加前缀的问题

简介: #私藏项目实操分享# 【React工作记录十四】关于ant design中input加前缀的问题

前言

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

导语

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

代码部分

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

总结

image.png

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

     

相关文章
|
资源调度 JavaScript 前端开发
使用vite+react+ts+Ant Design开发后台管理项目(二)
使用vite+react+ts+Ant Design开发后台管理项目(二)
|
前端开发 JavaScript 安全
使用React、TypeScript和Ant Design构建现代化前端应用
使用React、TypeScript和Ant Design构建现代化前端应用
793 0
|
前端开发 JavaScript Linux
[React] 实现点击Button将文件名赋值Input
[React] 实现点击Button将文件名赋值Input
147 0
|
前端开发
react获取input的value值
react获取input的value值
261 0
|
存储 前端开发
React & webpack &ant 学习
React & webpack &ant 学习
142 0
|
前端开发
从零开始学习React-引入Ant Design 组件(八)
从零开始学习React-引入Ant Design 组件(八)
317 0
|
设计模式 前端开发 数据可视化
【第4期】一文了解React UI 组件库
【第4期】一文了解React UI 组件库
890 0
|
存储 前端开发 JavaScript
【第34期】一文学会React组件传值
【第34期】一文学会React组件传值
262 0
|
前端开发
【第31期】一文学会用React Hooks组件编写组件
【第31期】一文学会用React Hooks组件编写组件
248 0
|
资源调度 前端开发 JavaScript
React 的antd-mobile 组件库,嵌套路由
React 的antd-mobile 组件库,嵌套路由
506 0