Antd：打开Modal时为Cascader设置默认值/setFieldsValue

Question

我有这样的 Antd 的 Cascader：

当我点击编辑按钮时，它会打开如下模式。

  const showModal = (record) => {
    console.log('record', record); // this is current record which has existing value to be displayed in cascader
    form.setFieldsValue(record);
    setVisible(true);
  };

如何将初始值或现有值提供给 Cascader？

 <Cascader
defaultValue={['zhejiang', 'hangzhou', 'xihu']}
              options={propertyOptions}
              loadData={loadCompanies}
              onChange={onChange}
              changeOnSelect
            />

使用 defaultValue 之类的道具似乎不起作用。

当我加载 propertyOptions 时，它会加载类似的值

property1,
property2

当我点击 property1 时，它会动态加载子项。

所以选择的值是例如财产1>公司1

但是当我单击编辑模式时，它只有父值。 （当我在父母点击时加载他们时，孩子们不会在那里）。

当我点击 modal 时，它有整个项目数据，所以也许我可以用它来显示硬编码值或其他东西？

更新：

这就是我填写 propertyOptions 的方式

function setPropertiesAsOptions(propertiesQuerySnapshot) {
  propertiesQuerySnapshot.forEach((doc) => {
    options.push({
      value: doc.id,
      label: doc.data().propertyName,
      isLeaf: false,
    });
  });
  setPropertyOptions(options);
}

Answer 1

是否有 propertyOptions 具有像 zhejiang 或其他值的名称？ 在您的情况下，这些数据应该作为选项正常工作

const options = [ { value: 'zhejiang', label: 'Zhejiang', children: [ { value: 'hangzhou', label: 'Hangzhou', children: [ { value: 'xihu', label: 'West Lake', }, ], }, ], }, { value: 'jiangsu', label: 'Jiangsu', children: [ { value: 'nanjing', label: 'Nanjing', children: [ { value: 'zhonghuamen', label: 'Zhong Hua Men', }, ], }, ], }, ];

所以这意味着值名称应该与 defaultValue 中的参数相同