在react router中遇到的问题
发布在react 学习2015年12月7日view:2121YiksiAssowExpressXmgvzgrkWeb组件,模块化ReactExpress
在文章任何区域双击击即可给文章添加【评注】!浮到评注点上可以查看详情。

我使用的是 react-router 1.0.0版本的,程序不会报错 用node写了一个简单的web服务器。以下是jsx的代码片段

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

var Route = ReactRouter.Route;

var routes = ( <Router location="history"> <Route path="/" handler={App}> <Route path="books" name="bookList" handler={CommentBox0}/> <Route path="movies" name="movieList" handler={CommentBox1}/> </Route> </Router> );

var Link = ReactRouter.Link;

var App = React.createClass({ 
render: function(){ return (

<nav> <Link to="bookList">图书</Link> <Link to="moviewList">电影</Link> </nav>
     <this.props.activeRouteHandler/>
); } });
var CommentBox0 = React.createClass({ render: function() { return (

 Hello, world! I am a CommentBox00000.
); } });
var CommentBox1 = React.createClass({ render: function() { return (

Hello, world! I am a CommentBox1111111.
); } });
//routes在上述代码中已定义 
ReactDOM.render(routes, document.getElementById('content'));

以下是nodejs server代码:

var PORT = 8899; //端口 
var DIR = 'website'; //用于存放html的目录
var express = require('express'); var mysql = require('mysql'); var path = require('path'); var fs =        require('fs') var app = express(); var admin = express();

app.engine('jade', require('jade').__express); app.set('view engine', 'jade');

app.use('/static', express.static(path.join(_dirname, './website/dist')));//托管静态资源               app.use('/static', express.static(path.join(_dirname, './website/vendor')));

app.get('*', function (request, response){ response.render(path.resolve(__dirname, './website', 'app.jade')) })

服务能启动的,关键帮我看看react-router和node的app.get(*,function(){})是不是又冲突还是怎么的, 运行了之后无发看到react app组件的内容!访问books和movies也没得反应!

评论
发表评论
暂无评论
WRITTEN BY
mailylqj
世界是那么寂静,我只能听到自己的心跳,当我思念的时候,你刚好也在想我吗?
TA的新浪微博
PUBLISHED IN
react 学习

从小白开始学习react

我的收藏