antd form踩坑记---从后端获取得到的数据不能渲染到input组件里

          <InputGroup compact>
            <label htmlFor className={applyStyle.formLabel}>
              商务订单编号
            </label>
            <FormItem className={applyStyle.formInput} hasFeedback>
              {getFieldDecorator("BusinessOrderNumber", {
                validateTrigger:['onChange'],
                rules: [
                  {
                    required: true,
                    message: "请输入商务订单编号"
                  },
                  {
                    pattern: /^(XK)[0-9]+$/,
                    message: "请输入正确的商务订单编号"
                  },{
                    validator:((rule,value,callback)=>{
                      if(infoByOrderNo.registerStatus=='1'){
                        this.setState({
                          cantInput:true
                        })
                        callback("该订单正在开通中,请勿重复注册")
                      }
                      else if(infoByOrderNo.registerStatus=='2'){
                        this.setState({
                          cantInput:true
                        })
                        callback("该订单已开通,请勿重复注册")
                      }
                      else{
                        callback()
                        this.setState({
                          cantInput:false
                        })
                      }
                    })
                  }
                ],
                initialValue:busiOrderid
              })(
//只渲染item里的子元素!所以不能嵌套!!!
    <div>
            <Input placeholder='请输入商务订单编号' onBlur={this.searchByOrderBussiness} disabled={busiOrderid?true:false}/>
    </div> 
              )}
            </FormItem>
          </InputGroup>

改成

(
                 <Input placeholder='请输入商务订单编号' onBlur={this.searchByOrderBussiness} disabled={busiOrderid?true:false}/>
              )

太气人了!

猜你喜欢

转载自blog.csdn.net/weixin_41606276/article/details/101545710