小佛爷13

小佛爷13 查看完整档案

填写现居城市  |  填写毕业院校  |  填写所在公司/组织填写个人主网站
编辑
_ | |__ _ _ __ _ | '_ \| | | |/ _` | | |_) | |_| | (_| | |_.__/ \__,_|\__, | |___/ 该用户太懒什么也没留下

个人动态

小佛爷13 发布了文章 · 2018-12-14

ant design 中 getFieldDecorator 采坑记

1. 坑一:
报错:Cannot read property 'getFieldDecorator' of undefined
clipboard.png
解决方法:
Form.create()(Questionary) // 用Form.create()加一层
clipboard.png

2. 坑二
报错:'form' is missing in props validation react/prop-types
clipboard.png
原因: 加了代码检查工具eslint
解决办法:

第一步: import PropTypes from 'prop-types';
第二步: form: PropTypes.any

clipboard.png

3. 坑三 怎么在组件中使用 getFieldDecorator
第一步:父级组件中这么写:需要用<Form></Form>嵌套一下
clipboard.png

第二步:子组件这么用:

ShowTextArea () {
    const data = this.props.data
    const validRules = data.textValidate
    const { getFieldDecorator } = this.props.form
    return <FormItem key={data.id}>
      {getFieldDecorator(`textareaValue`, {
        initialValue: validRules.initVal, // 默认文本
        rules: [{
          required: true,
          message: validRules.errMsg // 错误信息
        }]
      })(
        <TextArea placeholder="Please enter content" />
      )}
    </FormItem>
 }

当页面上多个子组件,要保证变量不一样,这么写:

ShowTextArea () {
    const data = this.props.data
    const validRules = data.textValidate
    const { getFieldDecorator } = this.props.form
    return <FormItem key={data.id}>
      {getFieldDecorator(`textareaValue-${data.id}`, {
        initialValue: validRules.initVal, // 默认文本
        rules: [{
          required: true,
          message: validRules.errMsg // 错误信息
        }]
      })(
        <TextArea placeholder="Please enter content" />
      )}
    </FormItem>
 }

未完待续。。。。。

查看原文

赞 4 收藏 1 评论 1

小佛爷13 关注了专栏 · 2018-12-14

前端小站

web, 前端, javascript, nodejs, electron, babel, webpack, rollup, react, vue ...

关注 2136

小佛爷13 关注了用户 · 2018-12-14

命名最头痛 @george_es

a == b ? a : b

关注 652

小佛爷13 关注了专栏 · 2018-12-14

小弟调调

http://wangchujiang.com

关注 575

小佛爷13 关注了专栏 · 2018-12-14

开源分布式关系型数据库 TiDB

TiDB 是一款定位于在线事务处理/在线分析处理( HTAP: Hybrid Transactional/Analytical Processing)的融合型数据库产品,实现了一键水平伸缩,强一致性的多副本数据安全,分布式事务,实时 OLAP 等重要特性。同时兼容 MySQL 协议和生态,迁移便捷,运维成本极低。

关注 3461

小佛爷13 关注了专栏 · 2018-12-14

腾讯云技术社区

最专业的云解读社区

关注 11483

小佛爷13 关注了用户 · 2018-12-14

阿里云云栖号 @yunqishequ_5aa899aad5395

阿里云官网内容平台!汇聚阿里云优质内容(入门、文档、案例、最佳实践、直播等)!如需转载或内容类合作,邮件yqgroup@service.aliyun.com 秒级回复!

关注 10586

小佛爷13 关注了专栏 · 2018-12-14

前后端菜鸟

以分享项目经验,技术经验,以及个人总结的技术文档为主。主要涉及java,Spring,Vue,ElementUI,H5,jquery等方面

关注 502

小佛爷13 关注了专栏 · 2018-12-14

洞香春

前端知识记录

关注 769

小佛爷13 关注了用户 · 2018-12-14

darr250 @darr250

Web developer

关注 636

认证与成就

  • 获得 4 次点赞
  • 获得 0 枚徽章 获得 0 枚金徽章, 获得 0 枚银徽章, 获得 0 枚铜徽章

擅长技能
编辑

(゚∀゚ )
暂时没有

开源项目 & 著作
编辑

(゚∀゚ )
暂时没有

注册于 2018-12-14
个人主页被 122 人浏览