antd-design TextArea initialValue 不生效可能原因

最新推荐文章于 2025-05-21 15:48:33 发布

转载最新推荐文章于 2025-05-21 15:48:33 发布 · 1.2k 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/winyh/p/10770083.html

文章标签：

#javascript #ViewUI

本文探讨了Ant Design中表单字段的使用方法，包括如何设置初始值、验证规则和展示提示信息，同时对比了不同场景下textarea与input元素在初始值设置上的差异。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<Form.Item label="展会介绍">
                {getFieldDecorator('introduce', {
                  initialValue:record.introduce,
                  rules: [{
                    max: 500, message: '最多只能输入500个字符',
                  },{
                    required: true, message: '请输入介绍，限制500字',
                  }]
                })(
                  <TextArea  rows={4} placeholder="请输入介绍，限制500字" /> // ！！！这里只能放 表单输入元素
                )}
                <span className={styles.tip}><span>*</span>限输入500个字</span>
              </Form.Item>

<Form.Item label="展会介绍">
                {getFieldDecorator('introduce', {
                  initialValue:record.introduce,
                  rules: [{
                    max: 500, message: '最多只能输入500个字符',
                  },{
                    required: true, message: '请输入介绍，限制500字',
                  }]
                })(
                  <span>
                    <TextArea  defaultValue={record.address} rows={4} placeholder="请输入介绍，限制500字" />
                    <span className={styles.tip}><span>*</span>限输入500个字</span>
                  </span>  // 包裹了其他元素后initialValue不生效 )} 
　</Form.Item>

<textarea>初始值</textarea>
// textarea 原生
// textarea 初始值  放在标签之间显示  
// input  初始值  用  value 显示

转载于:https://www.cnblogs.com/winyh/p/10770083.html