多个 AMP setState 事件？

Question

我正在通过从我们的 ERP 系统的 API 中提取 JSON 数据来构建可过滤的库存列表。我的目的是有多个下拉菜单，既可以通过上一个下拉菜单过滤，也可以过滤库存列表。

还没有样式，但这是我正在做的基本结构。

希望有一种方法可以使用放大器状态组件来允许多个“开启”事件。这是我目前在选择菜单中执行的操作：

on="change:AMP.setState({inventoryMachineType:inventory.items.filter(a => event.value == 'all' ? true : a.Type == event.value)});change:AMP.setState( {oem: dropdown.items[0].type.filter(x => x.name == event.value)[0]})"

我尝试用逗号、分号分隔两个 setState 事件，并将它们分解为两个单独的“on”事件。我开始认为这在 AMP 中是不可能的，但我想我会问是否有人有解决方案。

如果事实证明这是不可能的，我将只使用一个按钮来过滤数据，而不是在用户更改菜单时实时过滤。

Answer 1

我是个白痴。做我的逗号分隔错误。需要在大括号内，而不是两套独立的大括号（即：change:AMP.setState({action1,action2}) <-正确 vs. change:AMP.setState({action1},{action2}) < - 不正确）。

on="change:AMP.setState({inventoryMachineType: inventory.items.filter(a => event.value == 'all' ? true : a.Type == event.value),oem: dropdown.items[0].type.filter(x => x.name == event.value)[0]})"