antd tabs组件tab中子组件追加新的父tab

Question

使用的是Ant Design的Tabs组件。如何通过现有的tab中的子按钮事件来追加新的父tab？

Answer 1

Tabs是通过state里的数组来生成的,只要往数组里面添加新的项,就可以生成新的Tab了
看官方的例子,通过添加新项,然后用setState触发重新渲染

add = () => {
  const panes = this.state.panes;
  const activeKey = `newTab${this.newTabIndex++}`;
  panes.push({ title: 'New Tab', content: 'New Tab Pane', key: activeKey });
  this.setState({ panes, activeKey });
}

自定义新增页签触发器
https://codesandbox.io/s/9lw0...
https://codepen.io/XYShaoKang...