我正在尝试使react-router v4("react-router":"^ 4.0.0-2")在我的项目中工作,并尝试基于快速启动示例实现它.但是我无法使用多条路线.我一直在:
invariant.js:38 Uncaught Invariant Violation: MatchProvider.render(): A valid React element (or null) must be returned. You may have returned undefined, an array or some other invalid object.
Run Code Online (Sandbox Code Playgroud)
我的代码如下
class Router extends Component {
render() {
let returnVal = (<BrowserRouter>
<Match pattern="/" component={FrontPage} />
<Match pattern="/home" component={Home} />
</BrowserRouter>);
return returnVal;
}
}
export default Router;
Run Code Online (Sandbox Code Playgroud)
webpack和babel生成的代码如下所示
var Router = function (_Component) {
_inherits(Router, _Component);
function Router() {
_classCallCheck(this, Router);
return _possibleConstructorReturn(this, (Router.__proto__ || Object.getPrototypeOf(Router)).apply(this, …Run Code Online (Sandbox Code Playgroud) 我正在尝试创建一个node-webkit应用程序,我想使用react.js作为我的框架.尝试反应并创建一些组件后,我尝试在node-webkit应用程序中使用如下:
'use strict';
require('react');
Run Code Online (Sandbox Code Playgroud)
每当我打开我的node-webkit应用程序,其中包括身体末端的上述脚本,我得到错误:
ReferenceError: document is not defined
at Object.<anonymous> (C:\Users\rtol\Dropbox\Code\Node- Webkit\WallpaperManager3.0\node_modules\react\lib\CSSPropertyOperations.js:31:7)
....
Run Code Online (Sandbox Code Playgroud)
难道我做错了什么?我发现的所有文档都表明这是在使用节点时包含反应的正确方法.我有npm安装反应,根据package.json它是版本0.13.2.
例如,react-nodewebkit入门套件的index.jsx如下所示.
var React = require('react');
var HelloWorld = require('./components/HelloWorld.jsx');
React.render(<HelloWorld />, document.getElementById('content'));
Run Code Online (Sandbox Code Playgroud)
所以我无法弄清楚为什么它不起作用.