javascript - React router 传参不成功
ringa_lee
ringa_lee 2017-04-10 15:45:41
[JavaScript讨论组]

我根据 react-router 官方文档创建了路由

import React from 'react';
import Router from 'react-router';

import Maintain from './components/App/Maintain';
import MaintainDetail from './components/App/MaintainDetail';

let Route = Router.Route;
let RouteHandler = Router.RouteHandler;

let routes = (
  <Route handler={App}>
      <Route path="maintain" handler={Maintain}/>
      <Route path="maintain/detail:id" handler={MaintainDetail}/>
  </Route>
);

let App = React.createClass({
  render () {
    return (
        <RouteHandler/>
    )
  }
});


Router.run(routes, Router.HashLocation, (Root) => {
  React.render(<Root />, document.getElementById('app'));
});

然后当我访问
/#/maintain/detail/123
时我得到的是空白页面以及
Warning: No route matches path "/maintain/detail/123". Make sure you have <Route path="/maintain/detail/123"> somewhere in your routes

ringa_lee
ringa_lee

ringa_lee

全部回复(1)
巴扎黑

maintain/detail/:id

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号