鍍金池/ 問答/HTML/ antd中在getFieldDecorator中如何使用Cascader?

antd中在getFieldDecorator中如何使用Cascader?

如何在antd form getFieldDecorator 中使用 級聯(lián)控件Cascader ?

  <FormItem {...formItemLayout} label="左側(cè)字段">
    {
      getFieldDecorator('leftValue', { initialValue: detail.leftValue })
      (
        <Cascader options={availableCascaderList} />
      )
    }
  </FormItem>

detail.rightValue 是一個 string類型的值，我想將這個值綁定到 Cascader控件上，因為Cascader的value應(yīng)該是數(shù)組類型，所以這里不知道應(yīng)該怎么寫，兩個值應(yīng)該怎么轉(zhuǎn)化？

回答
編輯回答
下墜

detail對象另外使用了一個數(shù)組類型屬性用于存儲級聯(lián)控件的值。提供給外邊時，再轉(zhuǎn)化成那個string類型屬性。

2018年8月18日 06:27
編輯回答
墨染殤

直接把detail.leftValue轉(zhuǎn)成數(shù)據(jù)就好了。
假設(shè)該值以‘，’分隔：

<FormItem {...formItemLayout} label="左側(cè)字段">
    {
      getFieldDecorator('leftValue', { initialValue: detail.leftValue.split(',') })
      (
        <Cascader options={availableCascaderList} />
      )
    }
  </FormItem>
2017年11月25日 17:08