Ant Design使用了getFieldDecorator正确的使用姿势


 Select类型:
{getFieldDecorator('sceneCategoryId', {
                  rules: [{ required: true, message: '请选择场景类型' }],
                  initialValue: sceneCategoryId
                })(
                  <Select style={{ width: '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='请输入场景描述' />)}


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM