zoukankan      html  css  js  c++  java
  • Ant Design使用了getFieldDecorator正确的使用姿势

     Select类型:
    {getFieldDecorator('sceneCategoryId', {
                      rules: [{ required: true, message: '请选择场景类型' }],
                      initialValue: sceneCategoryId
                    })(
                      <Select style={{  '100%' }} onChange={this.typeSelect} placeholder='请选择场景类型'
                        className='selectStyle'
                        dropdownClassName='mySelect'>
                        {this.state.selectData.map((item, i) => {
                          return (<Option key={item.SCENE_CATEGORY_ID} value={item.SCENE_CATEGORY_ID}>{item.SCENE_CATEGORY_NAME}</Option>)
                        })}
                      </Select>
                    )}
     
    Input类型:
    {getFieldDecorator('sceneName', {
                      rules: [{ required: true, message: '请输入场景名称' },
                      {
                        whitespace: true,
                        message: '不能输入空格',
                      }
                        // ,
                        // {
                        //   validator: this.validateToSceneName
                        // }
                      ],
                      initialValue: sceneName
                    })(<Input onChange={this.sceneNameChange} placeholder='请输入场景名称' />)}
    Textarea类型和Input类型一样
          
     {getFieldDecorator('sceneDsc', {
                      rules: [{ required: true, message: '请输入场景描述' },
                      {
                        whitespace: true,
                        message: '不能输入空格',
                      }
                      ],
                      initialValue: sceneDsc
                    })(<TextArea style={{ height: '100px' }} rows={4} onChange={this.sceneDscChange} placeholder='请输入场景描述' />)}
  • 相关阅读:
    Java编程思想(第三版) 学习笔记
    Python 技术专题
    Interview Tech Knowledge
    Perl语言的多线程(一)
    教你如何拍好人像摄影
    c#,将pdf文件转换成图片文件。
    c#,使用WPF实现iPhone的短信框效果
    c#中利用WMI对象获取物理内存和可用内存大小信息
    c#,使用WMI对象获取系统的DPI。
    c# 调用Microsoft XPS Document Writer打印机,将Pdf文件转换成Xps文件
  • 原文地址:https://www.cnblogs.com/snowhite/p/14487602.html
Copyright © 2011-2022 走看看