根据第一下拉菜单中的值显示第二下拉菜单中的值

Question

我可以在onCahnge中解决以下问题吗？ 如果可以，该怎么办？

我有两个下拉菜单，分别是 Item Type 和 Sales Tax Code 。

• 如果我从项目类型的值中选择销售税项目，则下一个下拉列表应自动选择为 NON 。
• 如果我从商品类型中选择其他任何值，则下一个下拉列表应显示选择销售税代码。

所有数据都来自后端。

以下是没有这两个条件的普通代码。

salesTaxList

this.props.ItemType.value === "8" 是包含销售税代码 viz值的数组集合。 非，税

要检查所选的商品类型是否为销售税商品，使用的条件是：

value.TaxID===1

检查销售税代码是否为 NON 的条件是：

{this.props.ItemType.value === "8" ? this.props.salesTaxList.length && this.props.salesTaxList.map((value, index)=>(
                            value.TaxID===1 ? <option value={value.TaxID} key={index} >{value.SalesTaxCode}</option>
                            : '' ))
                            :<option value='0'>Select A Sales Tax Code</option>}  {this.props.salesTaxList.length && this.props.salesTaxList.map((value, index)=>(
                              <option value={value.TaxID} key={index} >{value.SalesTaxCode}</option>
                            ))}

为此，我尝试了以下代码，但没有成功：

{{1}}

此代码的问题是

• 如果在下一个下拉列表中选择销售税项，则 NON 将显示两次。
• 我选择了一个销售税项目和一个销售税代码，如果我再次尝试选择另一个销售税项目，则销售税代码不会根据这两个条件而变化。 如何解决呢？ 我需要一个OnChange函数来做到这一点吗？ 如果可以，该怎么办？