reactjs - es6 syntax for exporting modules in one file -

i want have index.js defines react components this:

import app './app'; import home './home';  export app; export home; 

i reference them in file:

import { app, home } './components/index';  reactdom.render(   <provider store={store}>     <router history={history}>       <route path="/" component={app}>         <indexroute component={home}/>       </route>     </router>   </provider>,   document.getelementbyid('thecontent') ); 

but error:

module build failed: syntaxerror: /users/paulcowan/projects/liverpool-managers/client/app/components/index.js: unexpected token (4:10)   2 | import home './home';   3 |  > 4 | export app;     |           ^ 

export shown below.

import app './app'; import home './home';  export {app, home}; 

hope 1 works you.

alternatively, can write import below (named object reference)

import * components './components/index';  reactdom.render(   <provider store={store}>     <router history={history}>       <route path="/" component={components.app}>         <indexroute component={components.home}/>       </route>     </router>   </provider>,   document.getelementbyid('thecontent') );