ProComponents 中proformtreeselect 如何映射数组数据

ProComponents 的 `proFormTreeSelect` 是一款表格级联动选择组件，通常用于处理树状结构的数据。当需要将数组数据映射到这个组件上时，你需要做以下几个步骤：

1. **数据准备**：
确保你的数据是一个树形结构，每个节点包含必要的属性如 `value`（通常作为唯一标识）、`label`（显示给用户的文本）和 `children`（如果该节点有子节点的话）。

const treeData = [
  {
    value: '1',
    label: '根节点1',
    children: [
      { value: '1-1', label: '子节点1' },
      { value: '1-2', label: '子节点2' }
    ]
  },
  // ... 其他节点
];

2. **配置选项项**：
在 ProFormTreeSelect 组件的 `options` 属性中，传入准备好的数据数组。你可以使用 `treeData.map(item => item.value)` 来生成一个仅包含 `value` 的选项列表。

<ProFormTreeSelect
  name="tree"
  options={treeData.map(item => ({ value: item.value, label: item.label }))}
/>

3. **事件监听**：
如果你想获取用户的选择结果，可以设置 `onSelect` 或者 `onChange` 事件，它会在用户选择节点时触发，并提供所选节点的信息。

<ProFormTreeSelect
  name="tree"
  options={...}
  onSelect={(selectedOptions) => console.log(selectedOptions)}
/>