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内存模型
    如何保证消费者接收消息的顺序
    mysql事务隔离级别
    mysql加锁读
    mysql一致性读
    InnoDB锁
    JDK1.8中的线程池
    JDK1.8中HashMap实现
    物品推荐(基于物品的协同过滤算法)
    CRM 2013 生成自动编号
  • 原文地址:https://www.cnblogs.com/snowhite/p/14487602.html
Copyright © 2011-2022 走看看