antd form踩坑记---从后端获取得到的数据不能渲染到input组件里_antd 使用input作为子项改变数据不能引起渲染-优快云博客

本文链接：https://blog.youkuaiyun.com/weixin_41606276/article/details/101545710

本文记录了一次使用Ant Design Form组件时遇到的问题，即从后端获取的数据无法正常渲染到Input组件中，详细描述了遇到的困扰及解决过程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

          <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}/>
              )

太气人了！