React native 增加操作上的选项卡数

在这里，我试图制作一个选项卡栏，其中的选项卡数量会随着按下按钮而增加。选项卡的内容保持不变。我需要什么

---

要做什么？

你可以做这样的事情。虽然它的反应不是天然的，但在两者中几乎相同

在事件中，增加数组的大小，然后
{this.state.tabs.map（（tab，idx）=>（将为您复制组件

import React,{Component} from 'react';
import './App.css';
import Tabs from '@material-ui/core/Tabs';
import Tab from '@material-ui/core/Tab';

class App extends Component {
  constructor(props){
    super(props)
    this.state={
      tabs:["Tab1"],
    }
  }

  replicate=()=>{
    let tabs = this.state.tabs;
    tabs.push("Tab2")
    this.setState({
      tabs
    })
  }


  render() {
    return (
      <>
       <button onClick={this.replicate}> Replicate</button>
       <Tabs
        value={"tabs"}
        indicatorColor="primary"
        textColor="primary"
        // onChange={handleChange}
        aria-label="disabled tabs example"
      >

        {/* // Here when the action is fired the array increases its size and this map replicate the tab */}

        {this.state.tabs.map((tab, idx) => (
          <Tab label="Active" />
        ))}
       </Tabs>
      </>
    );
  }
}

export default App;

import React，{Component}来自'React'；
导入“/App.css”；
从“@material ui/core/Tabs”导入选项卡；
从“@material ui/core/Tab”导入选项卡；
类应用程序扩展组件{
建造师（道具）{
超级（道具）
这个州={
制表符：[“制表符1”]，
}
}
复制=（）=>{
设tabs=this.state.tabs；
tabs.按下（“Tab2”）
这是我的国家({
标签
})
}
render（）{
返回(
复制
{/*//在这里，当触发操作时，数组会增加其大小，并且此映射会复制tab*/}
{this.state.tabs.map（（tab，idx）=>(
))}
);
}
}
导出默认应用程序；

当你提问时，你应该给出更多的细节和你的代码，以及你的尝试。例如，你使用哪个库的选项卡栏