react的ui库antd中form表单使用SelectTree反显问题及解决.docx

第

react的ui库antd中form表单使用SelectTree反显问题及解决

constform=this.props[putfile];

此处为上面log打印的东西

打印的数据格式都是string类型的，对于select的多选string类型的属性当然不满足了，所以需要进行数据处理

//此处添加了回显实例此代码antd版本为3必填校验已经实现直接cv即可

//此处为input框

Form.Item

label=应用名称

//hasFeedback

required

{getFieldDecorator(

name,

{initialValue:form[name]},

rules:[{required:true,message:请输入应用名称!}],

)(Inputplaceholder=请输入应用名称/)}

/Form.Item

//此处为number框

Form.Itemlabel=金额required

{getFieldDecorator(

money,

{initialValue:form[money]},

rules:[{required:true,message:请输入应用上架金额!}],

InputNumber

100%}}

min=0

step=1

precision=2

placeholder=请输入应用上架金额

/Form.Item

//此处为select多选框(此处未做必填校验)

Colspan={12}

Form.Itemlabel=文件类型hasFeedbackvalidateStatus=

{getFieldDecorator(file,{

initialValue:form[file],

Select

mode=tags

100%}}

placeholder=请选择文件类型

onChange={this.handleChange}

{children}

/Select

/Form.Item

/Col

总结

以上为个人经验，希望能给大家一个参考，也希望大家多多支持。