javascript - 根据 redux 状态中的另一个值解构对象

Question

该应用程序有两个不同的选项卡，每个选项卡都有相同的下拉菜单。我当前正在保存“selectedTab”，它是一个字符串，“selectedTabState”是一个包含 tab1 和 tab2 的对象，以及用户选择的选项的字符串。我可以查看用户所在的选项卡，同时还可以在选项卡之间切换时保存下拉状态。这是一个示例。

selectedTab: 'tab1'
selectedTabState: {
  tab1: 'dropdownOptionOne',
  tab2: 'dropdownOptionTwo'
}

我想做的是使用解构访问用户所在的任何选项卡的 selectedTabState 。我可以做这样的事情吗？

const { selectedStates: { *state of selectedTab* }} = state;

Answer 1

您可以使用Computed property names像这样的解构

const state = {
  selectedTab: 'tab1',
  selectedTabState: {
    tab1: 'dropdownOptionOne',
    tab2: 'dropdownOptionTwo'
  }
}

const { selectedTabState: { [state.selectedTab]: value } } = state;

console.log(value)

但是，正如 Brian Le 所建议的，state.selectedTabState[state.selectedTab] 要简单得多