ElemeFE / ElemeFE/element-react

FormItem嵌套在RadioGroup组件中时使用表单验证报错

Open
#1,054 0 comments 0 reactions 0 assignees View on GitHub
Dominant language
JavaScript
Stars
2.8k
Forks
435
PR merge metrics
No merged PRs in 30d

Description

问题描述:
由于需求的原因,要求在用户选中当前单选项后再填写此选项中的输入框,需要对单选框组以及输入框分别做表单验证,单选框组的验证没有问题,但是如下这种层级关系时在FormItem组件中加入prop属性做验证时页面报错

代码片段:
```
{/* 代码中的部分组件因与其他框架名称冲突故给组件起了带有El前缀的别名 */}
券有效期} prop="validType">
this.handleInputChange(value, 'validType')} value={validType} prop="validDays">


自领取日起
this.handleInputChange(value, 'validDays')} value={validDays} />
天有效


this.handleInputChange(value, 'validTimeRange')}
value={validTimeRange}
/>

```

在Radio中嵌套的FormItem组件一旦加上prop属性,控制台就会弹出错误:
`FormItem.js:77 Uncaught TypeError: this.parent(...).addField is not a function`
`FormItem.js:84 Uncaught TypeError: this.parent(...).removeField is not a function`

疑问:
这是属于bug还是框架不支持或不赞同我这样的使用方法?

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.