validator校验无法输出'${example}'

[jqy1012]

问题：在使用antd的Form.Item组件遇到，输入校验错误会输出undefined，问题代码如下：
<Form.Item
name={'demo'}
label={'demo'}
rules={[
{
validator: (rule, value) => {
if (!value) {
return Promise.reject('${example}');
}
return Promise.resolve();
},
},
]}

问题原因：查阅了代码发现validateUtil.ts这个文件的replaceMessage函数对'${}'字符串做了特殊处理，但是TS校验没有暴露出来这个处理。

解决：修改代码为如下，可以解决问题
<Form.Item
name={'demo'}
label={'demo'}
rules={[
{
validator: (rule, value) => {
if (!value) {
return Promise.reject('${example}');
}
return Promise.resolve();
},
example: '${example}',
},
]}

[fygethub]

+1

[yoyo837]

辛苦带复现到antd开一个issue.