如何在 React js 中创建依赖项下拉菜单

Question

我们如何在 react js 中创建依赖菜单。 例如：有两个下拉菜单分别命名为分支和主题。我想如果从第一个下拉列表中选择分支，那么该分支的主题只显示在第二个下拉列表中。

Answer 1

您可以通过使用条件来做到这一点。只需使用以下模式设置您要显示的组件或数据的条件渲染。

  {(branchOneClicked)?
    // Render your second branch
    :
    // else render something Else
    }

或者，您可以使用编号设置状态。假设在单击分支时，更改状态，如果该状态 === 1（或您指定的状态）呈现与之相关的第二个状态。

PS：如果您提供我们的代码，给您答案会更有帮助。谢谢