[React]Exportar e Importar Componentes

[React]Exportar e Importar Componentes.txt

Para exportar componentes, se deben seguir los siguientes pasos:
• En un archivo js indicar los import correspondientes a las librerias react y react-dom, como otras(con rutas relativas). 
  Ejemplo: statistics-toolbar.js
  import React from 'react';
  import ReactDOM from 'react-dom';
  import token from '../services/token-service';
  import layers from '../services/layers-service';
  import mymap from '../services/map-service';

• Construir el componente.
  Ejemplo:
  class StatisticsToolbar extends React.Component {
  constructor(props){
    super(props);
  }
  render(){
    return (
      <div className="wrapper_statistics">
        <span><i className="fa fa-signal"></i> Total Interrupciones: </span>
        <div className="statistic_toolbar-kind-of-interr">
          <img className="mytable-searchBox-img" src="images/widget_icons/massive.png" />
          <h4 className="mytable-searchBox-h4">Falla Masiva:  {this.props.massiveqtty} </h4>
          <img className="mytable-searchBox-img" src="images/widget_icons/isolated.png" />
          <h4 className="mytable-searchBox-h4">Falla Aislada: {this.props.isolatedqtty} </h4>
        </div>
      </div>

    );
  }
}

• Exportarlo para que pueda ser visto por otros componentes u reutilizado.
  Ejemplo:
  export default StatisticsToolbar; //componentes
  export {genericLogin} //funciones.
  export default mymap() //funciones.
  
  
Para importar componentes a otro, se debe realizar lo siguiente:
• Indicar la palabra import en el archivo del componente al cual se utilizara, indicando el path(ruta relativa) y la palabra indicada 
en la exportación.
  Ejemplo: interruptions.js
  import React from 'react';
  import ReactDOM from 'react-dom';
  import token from '../services/token-service';
  import layers from '../services/layers-service';
  
• Agregar el componente al render (si es caso de un componente)
  Ejemplo
  render(){
    return (
    <div>
      <StatisticsToolbar />
      <MyGrid />
    </div>
    );
    
    Si es una funcion, utilizarla simplemente llamando su nombre:
    Ejemplo: en este caso usamos el closure para un mapa arcgis, que contiene la creación del mapa y su evento onClick.
    componentDidMount(){
    var map = mymap.createMap("myMapDiv");
    var mapOnClick = mymap.onClick();
    }
    

A la fecha veo que ya no esta utilizando el render(), si no simplemente el return(...), ¿Como exporto el componente?