反应路由器你好世界不工作
React router hello world doesn't work
互联网上似乎充斥着不起作用的旧反应路由器示例。我从事 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')
);
失败并出现错误:
Warning: React.createElement: type should not be null, undefined,
boolean, or number. It should be a string (for DOM elements) or a
ReactClass (for composite components).
Uncaught Invariant Violation: Element type is invalid: expected a
string (for built-in components) or a class/function (for composite
components) but got: object.
改变
var Router = require('react-router');
到
var Router = require('react-router').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')
);
失败并出现错误:
Warning: React.createElement: type should not be null, undefined, boolean, or number. It should be a string (for DOM elements) or a ReactClass (for composite components).
Uncaught Invariant Violation: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: object.
改变
var Router = require('react-router');
到
var Router = require('react-router').Router;
它应该可以工作。