背景:项目中使用 antd 组件的 textarea,由于项目中安装的 antd 版本不支持 textarea 显示输入字数(如15/50),修改项目的 antd 版本可能会导致其他样式发生改变,所以需要手动实现。
出现原因
在项目中使用 Form.Item 包含了一个 antd 的 textarea 标签和一个 p 标签,且在获取表单元素值时,会得到 undefined ,取不到值。
(每个formItem只能包含一个标签)
解决办法
- 使用 Form.Item 包裹 textarea 标签,但是样式会发生改变。
- 给 Form.Item 标签添加一个 extra 属性,内容为 p 标签的内容,调整 ant-form-item-extra 类的位置即可。