反应路由器参数不工作

Question

我想在我的反应redux应用程序中使用参数，但不幸的是它不工作。我得到一个空白屏幕。这里是我下面

import React from 'react'; 
import ReactDOM from 'react-dom'; 
import {Router, Route, browserHistory} from 'react-router'; 
import thunk from 'redux-thunk'; 
import rootReducer from './rootReducer'; 
import { createStore, applyMiddleware, compose } from 'redux'; 

const store = createStore(
rootReducer, 
compose(
    applyMiddleware(thunk), 
    window.devToolsExtension ? window.devToolsExtension() : f => f 
) 
); 
ReactDOM.render(
<Provider store={store}> 
<Router history={browserHistory}> 
    <Route path="/" component={Login}/> 
    <Route path="/lists" component={requireAuth(Dashboard)}/> 
    {/* Parameter route*/} 
    <Route path="/record/:mEID" component={requireAuth(Record)}/> 
</Router> 
</Provider>, 
document.getElementById('root') 
); 

当我去我的本地URL即本地主机代码：3000 /记录/ 16655，然后我得到这样的错误“http://localhost:3000/record/index.js未找到”。

这可能是什么解决方案？

这里是我的参考

"lodash": "^4.17.4", 
"prop-types": "^15.5.10", 
"react": "^15.1.0", 
"react-bootstrap": "^0.31.0", 
"react-bootstrap-table": "^3.3.7", 
"react-dom": "^15.1.0", 
"react-fontawesome": "^1.6.1", 
"react-redux": "^4.4.5", 
"react-router": "^3.0.2", 
"redux": "^3.5.2", 
"redux-thunk": "^2.1.0", 

Answer 1

尝试嵌套这样

... 

<Route path='/record' ...> 
    <Route path='/:meid' ../> 
</Route> 

基础上 React-router tutorial#nested-routes

<App>  {/*/  */} 
    <Repos> {/* /repos  */} 
    <Repo/> {/* /repos/123 */} 
    </Repos> 
</App> 

你的路由的package.json