使用CommonJS的反应路由器历史

Question

The React-Router documentation shows that for including browser history you include it like such:

import { browserHistory } from 'react-router'
. 
. 
.     
<Router history={browserHistory} />

How does one do this with CommonJS?

When I try it using the import method I get Illegal import declaration while parsing file

Answer 1

The import syntax isn't implemented in browsers yet (hence the error you're getting, I'd imagine), so you need a transpiler like Babel to use it. The equivalent CommonJS syntax is:

var browserHistory = require("react-router").browserHistory

It mentions this on the GitHub page (although it doesn't specifically mention browserHistory ).

Answer 2

哼，您可以这样尝试：

var browserHistory = require('react-router').browserHistory