React路由器hello world不起作用

时间:2016-03-05 21:02:01

标签: reactjs react-router

互联网似乎充满了旧的反应路由器示例,这些示例无效。我已经做了一段时间的反应和变化,我感到震惊的是,让这些微不足道的代码工作有多难。我正在使用react-router 2.0.0。

有人可以帮忙吗?这是我的入口点App.js

var React = require('react');
var ReactDOM = require('react-dom');
var Router = require('react-router');
var Route = require('react-router').Route;
var App = require('./components/App.react');

ReactDOM.render(
    <Router>
        <Route path="/" component={App} />
  </Router>, 
    document.getElementById('app')
);

失败并出现错误:

  

警告:React.createElement:type不应为null,未定义,   布尔值或数字。它应该是一个字符串(对于DOM元素)或a   ReactClass(用于复合组件)。

     

未捕获的不变违规:元素类型无效:预期a   string(用于内置组件)或类/函数(用于复合   组件)但得到:对象。

1 个答案:

答案 0 :(得分:0)

更改

var Router = require('react-router');

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

它应该有用。