安装/卸载Onsen UI在选项卡更改时反应组件

Question

可能是一个愚蠢的问题，但我真的无法解决它，当应用程序首次加载时，所有选项卡组件都将挂载，然后调用componentDidMount。 我的目标是仅安装活动的选项卡组件，并在更改选项卡时卸载当前组件并安装下一个选定的组件。

例如，默认情况下，Home应该是安装程序，而LastTen和Search保持不变，如果我切换到LastTen，那么我希望卸载Home，而只安装LastTen。

谢谢！

class Tabs extends React.Component {
  renderTabs() {
    return [
      {
        content: <Home key="home" navigator={this.props.navigator} />,
        tab: <Tab key="home" label="Home" icon="ion-ios-home-outline" />
      },
      {
        content: <LastTen key="last10" navigator={this.props.navigator} />,
        tab: <Tab key="last10" label="Last photos" icon="ion-ios-albums-outline" />
      },
      {
        content: <Search key="forms" navigator={this.props.navigator} />,
        tab: <Tab key="search" label="Search" icon="ion-search" />
      }
    ];
  }
  
    render() {
    return (
      <Page>
        <Tabbar
          renderTabs={this.renderTabs.bind(this)}
        />
      </Page>
    );
  }
}