我是React的新手，我想弄清楚 与的目的/用途。除了自动关闭标签外，我似乎找不到其他任何信息。

我使用自动关闭的和后续的道具创建了一个基本的标签滚动器作为JSFiddle，并且我想知道在React中是否有比我做的更好的写法。

class TabScroller extends React.Component {

  render() {
    return (
      <div className="tabScroller">
        <div className="NavList">
          <TabNav handleClick={this.handleNavClick} />
          <TabList 
            tabs={this.state.tabs} 
            activeTab={this.state.activeTab}
            scrollPosition={this.state.scrollPosition} 
            handleClick={this.handleTabClick}
          />
        </div>
        <TabContent content={this.state.tabs[this.state.activeTab].content} />
      </div>
    );
  }
}

// ========================================

ReactDOM.render(
  <TabScroller />,
  document.getElementById('root')
);