Zapier CLI Dynamic下拉菜单，如何将多个值设置为bundle.inputData

Zapier CLI 的 Dynamic 下拉菜单允许您在创建 Zaps（自动化工作流）时动态地从先前的步骤中获取输入数据。如果您想要将多个值设置为 bundle.inputData，可以通过以下步骤实现：

基础概念

Dynamic Dropdown: 这是一个用户界面元素，允许用户从预定义的选项列表中选择一个或多个值。
bundle.inputData: 这是在 Zapier 中传递数据的一种方式，可以在不同的步骤之间共享。

类型与应用场景

单选: 用户从一个列表中选择一个值。
多选: 用户可以从一个列表中选择多个值。
应用场景: 适用于需要从先前步骤中选择数据的情况，例如从数据库查询结果中选择特定的记录。

实现方法

假设您有一个 Zap，其中第一步是从某个 API 获取一组数据，然后在第二步中使用这些数据填充动态下拉菜单。以下是如何实现这一点的示例：

示例代码

// 第一步: 获取数据
const axios = require('axios');

module.exports = {
  key: 'get-data-step',
  noun: 'Data',
  create: async (bundle) => {
    const response = await axios.get('https://api.example.com/data');
    return response.data;
  },
};

// 第二步: 使用动态下拉菜单
module.exports = {
  key: 'select-data-step',
  noun: 'Selected Data',
  prefill: {
    // 假设第一步返回的数据是一个数组
    selectedData: bundle.inputData.map(item => item.id),
  },
  create: async (bundle) => {
    const selectedIds = bundle.inputData.selectedData;
    // 根据选择的 ID 获取详细信息
    const selectedItems = await Promise.all(
      selectedIds.map(id => axios.get(`https://api.example.com/data/${id}`))
    );
    return selectedItems.map(item => item.data);
  },
};

遇到问题及解决方法

问题: 动态下拉菜单没有显示预期的值。

原因: 可能是由于第一步返回的数据格式不正确，或者第二步的 prefill 配置不正确。 解决方法:

确保第一步返回的数据是一个数组，并且每个元素都有一个唯一的标识符（如 id）。
检查第二步的 prefill 配置，确保它正确地映射了第一步返回的数据。

示例代码修正

// 第一步: 获取数据
const axios = require('axios');

module.exports = {
  key: 'get-data-step',
  noun: 'Data',
  create: async (bundle) => {
    const response = await axios.get('https://api.example.com/data');
    return response.data.map(item => ({ id: item.id, name: item.name }));
  },
};

// 第二步: 使用动态下拉菜单
module.exports = {
  key: 'select-data-step',
  noun: 'Selected Data',
  prefill: {
    selectedData: bundle.inputData.map(item => item.id),
  },
  create: async (bundle) => {
    const selectedIds = bundle.inputData.selectedData;
    const selectedItems = await Promise.all(
      selectedIds.map(id => axios.get(`https://api.example.com/data/${id}`))
    );
    return selectedItems.map(item => item.data);
  },
};

通过这种方式，您可以确保动态下拉菜单正确地显示并选择多个值。