Javascript 基于处于redux状态的另一个值来分解对象

Javascript 基于处于redux状态的另一个值来分解对象,javascript,ecmascript-6,redux,destructuring,Javascript,Ecmascript 6,Redux,Destructuring,应用程序有两个不同的选项卡,每个选项卡都有相同的下拉列表。我当前正在保存“selectedTab”,它是一个字符串,“selectedTab”是一个包含tab1和tab2的对象,以及用户选择的字符串。我可以查看用户在哪个选项卡上,同时在选项卡之间切换时保存下拉状态。下面是一个它看起来像什么的例子 selectedTab: 'tab1' selectedTabState: { tab1: 'dropdownOptionOne', tab2: 'dropdownOptionTwo' } 我

应用程序有两个不同的选项卡,每个选项卡都有相同的下拉列表。我当前正在保存“selectedTab”,它是一个字符串,“selectedTab”是一个包含tab1和tab2的对象,以及用户选择的字符串。我可以查看用户在哪个选项卡上,同时在选项卡之间切换时保存下拉状态。下面是一个它看起来像什么的例子

selectedTab: 'tab1'
selectedTabState: {
  tab1: 'dropdownOptionOne',
  tab2: 'dropdownOptionTwo'
}
我想做的是使用destructuring访问用户正在使用的任何选项卡的SelectedAbstrate。我可以这样做吗

const { selectedStates: { *state of selectedTab* }} = state;
这对你有用吗

这对你有用吗

你可以像这样使用解压

const state={
已选择选项卡:“选项卡1”,
选定的禁区:{
表1:“dropdownOptionOne”,
表2:“下拉选项两”
}
}
常量{selectedTab:{[state.selectedTab]:value}}=state;
console.log(value)
您可以像这样与析构图一起使用

const state={
已选择选项卡:“选项卡1”,
选定的禁区:{
表1:“dropdownOptionOne”,
表2:“下拉选项两”
}
}
常量{selectedTab:{[state.selectedTab]:value}}=state;

console.log(value)
为什么不干脆
selectedStates[selectedTab]
?不要把事情复杂化为什么不仅仅是
selectedStates[selectedTab]
?不要把事情复杂化
const state = selectedTab === 'tab1' ? selectedTabState.tab1 : selectedTabState.tab2