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

太氣人了！