1

我升级到最新的 0.7.0 版react-router，但无法正常工作。我不确定这是否是我的 Require 语句，我从其中一个路由器示例中复制了它们。

我正在使用： watchify --debug -t reactify ./app.jsx -o ./build/app-brow.j

当我删除 react-router 代码时，下面的代码会通过 NPM 模块做出反应：

我在本地有这些 NPM 模块。watchify 全局安装：

npm install react-router
npm install reactify
npm install react

应用程序.jsx

/** @jsx React.DOM */

var React = require('react');

// React Router
var Router = require('react-router');
var Route = Router.Route;
var Routes = Router.Routes;
var Link = Router.Link;


var MyAboutView = React.createClass({
  render: function() {
    return (
      <div >
         My About
      </div>
    );
  }
});


var App = React.createClass({
   render: function() {
      return (
         <div>
            Main App

            <this.props.activeRouteHandler/>
         </div>
      );
  } 
}); 


React.renderComponent((
  <Routes>

    <Route path="/" handler={App}>
      <Route name="about" handler={myAboutView} />
    </Route>

  </Routes>
), document.body);

索引.html

<!DOCTYPE html>
<html>
  <head>
    <title>Test Router</title

  </head>

  <body>
    Error, React / JS not loading.

    <script type="text/javascript" src="build/app-brow.js"></script>

  </body>
</html>
4

1 回答 1

2

愚蠢的我，应该是一个错字handler={myAboutView}，handler={MyAboutView}请注意 MyAboutView 上的 CAP。

于 2014-09-28T04:06:20.133 回答