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='请输入场景描述' />)}
  • 相关阅读:
    C++语法注意点
    T4+VSIX 打造Visual Studio 2010 中的Entity代码生成自定义工具
    如何构建安全的.net web应用系统
    在VS2010项目中引用Lib静态库(以Openssl为例)
    通过Handler实现ASP.NET WebForm自定义控件局部刷新
    一个简单的AOP框架学习
    sql 学习
    SQL Server 2005新特性之使用with关键字
    Memcache的资料
    Net通用基础框架学习
  • 原文地址:https://www.cnblogs.com/snowhite/p/14487602.html
Copyright © 2011-2022 走看看