antd 踩坑之select的placeholder不顯示問題

在antd中 使用form去回顯或者新增表單數據時,select的placeholder不顯示

如下例子:新增的時候,默認地址是空 “” 或者 null, 都不好使

<FormItem
          label="所屬網點"
          {...formItemLayout}
        >
          {getFieldDecorator("bankId", {
            initialValue: this.props.type=== "edit" ? this.props.data.bank.id : "",
            rules: [{ required: true, message: "請選擇所屬網點!" }],
          })(
            <Select
              placeholder="請選擇所屬地點">
              {
                branchArr.map(v => {
                  return (
                    <Select.Option
                      value={v.id}
                      key={v.id}
                    >
                      {v.branchName}
                    </Select.Option>
                  )
                })
              }
            </Select>
          )}
        </FormItem>

這裏就要主要了,form中的select初始值爲空時 要用 undefined

換成如下這樣就OK了

initialValue: this.props.isTrue ? this.props.data.bank.id : undefined,

注意,form中的日期datePicker相關的日期的空,初始值要用 null

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章