javascript - 无法配置react-router在plunker上运行

Question

我现在开始自学 react ，并且目前开始使用 react 路由器。 由于某种原因，我的项目无法在 plunkr 上使用路由器标签运行

    <Router history={browserHistory}> 
     <Route path="/" component={SearchPage}></Route>
   </Router>

错误是“路由器未定义”

我知道 - 非常基本的问题，但这可能就是它很容易回答的原因

谢谢

Answer 1

1. 你可以像这样使用它(es6):

   const {Router, Link, hashHistory, Route, withRouter} = ReactRouter;
   

   http://plnkr.co/edit/SzowouqjShMZiiXtlD5b?p=preview

2. 或者如果您更喜欢 es5

   var Router = ReactRouter.Router;
   var Route = ReactRouter.Route;
   var hashHistory = ReactRouter.hashHistory;
   

   http://plnkr.co/edit/UznT9V3aMnvzVfsI5ua7?p=preview

3. 您也可以将 es6 模块与 webpackbin 一起使用

   import {Router, Route, hashHistory} from 'react-router';
   

   http://www.webpackbin.com/Ny87fO0Kb