How to import var RouteHandler = require('react-router').RouteHandler; on ES6?

Question

I am switching over to ES6, and I have that concern right now.

var RouteHandler = require('react-router').RouteHandler;

I did import RouteHandler from 'react-router'.RouteHandler, and webpack is giving me an error.

So, how should I import it ?

Not familiar with ES6, but couldn't you just import react-router and do sth like `var RouteHandler = router.RouteHandler`? — Florian Wendelborn, Jul 25 '15 at 05:04
@Dodekeract yes, I can just I have it and as I posted in my question `var RouteHandler = require('react-router').RouteHandler;`, but I want to now the ES6 way :) — Non, Jul 25 '15 at 05:05

jmar777 · Accepted Answer · 2015-07-25T05:22:10.430

2

Try import {RouteHandler} from 'react-router'

Alternatively, you could have done:

import * as reactRouter from 'react-router';
var RouteHandler = reactRouter.RouteHandler;

edited Jul 25 '15 at 05:22

answered Jul 25 '15 at 05:20

jmar777

yes, just tried and it's working :) – Non Jul 25 '15 at 05:20
2

Awesome, glad that worked. Just added an alternative approach as well. – jmar777 Jul 25 '15 at 05:22

1 Answers1