如何根据先前选择的下拉选项过滤数据?

时间:2020-10-18 18:33:11

标签: javascript html reactjs ecmascript-6

我将尽快解释。我有这个:

enter image description here

我正在将AntDesign库与React一起使用,这些不是常规输入,而是“自动完成”下拉菜单,当我专注于其中之一时,它为我提供了可供选择的选项列表。因此,首先我必须选择第一个下拉值,然后我将在下一个下拉菜单中选择要选择的选项,然后我选择第二个,然后选择第三个选项,依此类推。因此,这就像一条链,您必须选择所有以前的下拉菜单才能获得选项并选择当前。

enter image description here

这是我从后端得到的。 enter image description here

正常的情况是,我得到第一个下拉列表的值,然后在选择值后再次调用终结点,端点将返回第二个的选项,依此类推。但是不,我会在一个数组中获得所有可能的值组合,现在每次我从一个下拉列表中选择值时,都必须过滤一个大数组,以获取下一个数组的值,例如对于SCOPE,必须根据3个先前选择的值来过滤数组,对于其他值,依此类推。 最后两个字段对于此问题并不重要。

因此,我需要帮助如何以最简单的方式过滤这些值。并使用AntDesign中的Form.Item和自动完成功能。

0 个答案:

没有答案