Antd表单项将填写时的值转为小写

最新推荐文章于 2024-05-24 21:42:59 发布

慢半拍、

最新推荐文章于 2024-05-24 21:42:59 发布

阅读量1.5k

点赞数 1

分类专栏： React 文章标签： Antd Form

本文链接：https://blog.youkuaiyun.com/huanhuan03/article/details/121100618

版权

React 专栏收录该内容

23 篇文章

订阅专栏

首先，放上官方解释：
在这里插入图片描述
所以这个属性的功能：设置如何将 event 的值转换成字段值，也就是转换成需要的值~~当然不只是转为小写~~

			<ProFormText
                name={'salesName'}
                width="md"
                label={intl.formatMessage({ id: 'pages.sales.salesName' })}
                rules={[{
                    required: true,
                    whitespace: true   // 校验不能全输入空格
                }]}
                getValueFromEvent={(event) => {    //  我这里的需求就是实时将用户填写内容转为小写
                  let newVal = event.target.value || ''
                  return newVal.toLowerCase(); 
                }}
            />