关闭特定选项卡时，它将关闭所有选项卡。

Question

请查看此选项卡，在关闭某个特定选项卡时，它将关闭所有打开的选项卡。我只想关闭那个特殊的标签。

​

remove = targetKey => {
  let { activeKey } = this.state;
  let lastIndex;
  this.setState(prevState => { 
      const newState = {...prevState};
      newState.forEach((pane, i) => {
          if (pane.key === targetKey) {
            lastIndex = i - 1;
          }
      });
      const panes = newState.filter(pane => pane.key !== targetKey);
      if (panes.length && activeKey === targetKey) {
          if (lastIndex >= 0) {
            activeKey = panes[lastIndex].key;
          } else {
            activeKey = panes[0].key;
          }
      }
      return ({panes, activeKey});
  });  
};

​

检查这个链接https://jsfiddle.net/yjumr4ox/1/

Answer 1

问题在于您正在迭代newState.forEach和newState.filter上的所有状态。你应该在这个州的窗格上迭代。就像这样：

remove = targetKey => {
let { activeKey } = this.state;
let lastIndex;
this.setState(prevState => { 
  const newState = {...prevState};
  newState.panes.forEach((pane, i) => {
      if (pane.key === targetKey) {
        lastIndex = i - 1;
      }
  });
  const panes = newState.panes.filter(pane => pane.key !== targetKey);
  if (panes.length && activeKey === targetKey) {
      if (lastIndex >= 0) {
        activeKey = panes[lastIndex].key;
      } else {
        activeKey = panes[0].key;
      }
  }
  return ({panes, activeKey});
});  
};