反应路由器你好世界不起作用答案

【问题标题】：React router hello world doesn't work反应路由器你好世界不起作用
【发布时间】：2016-03-05 21:02:01
【问题描述】：

互联网上似乎充斥着不起作用的旧 react-router 示例。我已经做了一段时间的 react 和 Flux，我对让这些微不足道的代码工作是多么困难感到震惊。我正在使用 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：类型不应为 null、未定义、布尔值或数字。它应该是一个字符串（对于 DOM 元素）或 ReactClass（用于复合组件）。

未捕获的不变违规：元素类型无效：预期为字符串（用于内置组件）或类/函数（用于复合组件）但得到：对象。

【问题讨论】：

标签： reactjs react-router

【解决方案1】：

改变

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

到

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

它应该可以工作。

【讨论】：

这似乎在 v1.0.0 中有所改变：github.com/reactjs/react-router/blob/master/upgrade-guides/…
非常感谢！我很高兴它超级简单。
接下来：链接失效了。你知道这方面的指南的好来源吗？我刚刚添加了一个嵌套的 about 路由和一个指向 about 的路由链接，即使 url 发生变化，它也没有做任何事情
我推荐react-router tutorial，但它使用的是ES6。对我来说，直到现在，每当 url 更改但没有发生任何事情时，我导航到的组件中就会出现错误。您能否发布带有链接的路线和组件，最终是您导航到的组件？如果你在 github 上某处有完整的代码，我可以看看。