react-router Uncaught TypeError:无法读取未定义的属性'toUpperCase'

Question

我正在尝试使用react-router,但是当我编写一个简单的路由不起作用时,控制台显示Uncaught TypeError:无法读取未定义的属性'toUpperCase'.

否则当我使用没有反应路由器运行良好

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

var App = React.createClass({
    render: function () {
        return (
            <div>Hello World</div>
        );
    }
});


React.render((
  <Router>
    <Route path="/" component={App} />
  </Router>
), document.body);

错误来自反应库的这一行

function autoGenerateWrapperClass(type) {
  return ReactClass.createClass({
    tagName: type.toUpperCase(), //<----
    render: function() {
      return new ReactElement(
        type,
        null,
        null,
        null,
        null,
        this.props
      );
    }
  });
}

Answer 1

您正在使用1.0 Beta文档中的示例,但您可能正在运行最新的稳定版本(0.13).主人的文档来自1.0 Beta,这是混乱的根源.

阅读最新稳定版的文档:https://github.com/ReactTraining/react-router/tree/master/docs