WhatsApp Flows中带init-value的Dropdown组件报错求助

你遇到的矛盾源于WhatsApp Flows的规则限制：当流程中存在Form组件时，所有交互类组件（包括Dropdown）必须嵌套在Form内部；而Form内的Dropdown不能直接使用自身的init-value属性，需要通过Form的initial-values来设置初始值。

正确的配置结构如下：

{
  "type": "Form",
  "name": "quantity_form",
  "label": "Quantity Selection",
  "initial-values": {
    "quantity_dd_v2": "${data.quantity.init-value}" // 键对应Dropdown的name，值为要设置的初始值
  },
  "components": [
    {
      "type": "Dropdown",
      "name": "quantity_dd_v2",
      "label": "Select Quantity",
      "data-source": "${data.quantity.values}",
      "required": true,
      "visible": true
      // 移除Dropdown自身的init-value属性
    }
  ]
}

关键要点：

• 所有交互组件必须放在Form的components数组内，解决“Component 'Dropdown' is not allowed outside Form”的报错。
• Form的initial-values是键值对对象，键必须和Dropdown的name完全匹配，值支持模板变量引用，用来填充对应组件的初始值。
• 无需在Dropdown中保留init-value属性，Form的initial-values会自动完成初始值的映射填充。

内容的提问来源于stack exchange，提问作者Bhaskar Pandey