Soy nuevo en React y estoy tratando de averiguar el propósito / uso de <MyComponent> </MyComponent> vs <MyComponent />. Parece que no puedo encontrar información sobre nada, excepto las etiquetas de cierre automático.

He creado un desplazador de pestañas básico comoJSFiddle usando el cierre automático <MyComponent /> y accesorios posteriores, y me pregunto si hay una mejor manera de escribir en React que lo que he hecho.

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')
);