如何使用另一个动态状态变量访问状态对象变量

Question

我的react组件的状态类似于以下状态：

<input type="text" id="fname" onkeyup="checkLength()">

<script>
function checkLength() {
  const length = document.getElementById("fname").value.length;
  const value = document.getElementById("fname").value;
  if (value < 6 && length > 0) {
    console.log('error!');
  }
}
</script>

“ userChosenApplication”由包含A，B，C，D的下拉菜单设置。

现在，我需要在“应用程序”中动态访问“ userChosenApplication”的相应值，并将其显示为用户的新下拉列表。

（即）

  

如果用户选择“ A”作为“ userChosenApplication”，则需要   显示一个新的下拉菜单，其中包含[“ A-1”，“ A-2”，“ A-3”]

。

我不确定如何实现这一目标。

对此，任何线索都将不胜感激。