陣營路由器不能正常工作根PARAMS

Question

我的正常反應，路由器的工作，但是當我添加PARAMS路由器則顯示像未捕獲的SyntaxError一些錯誤：意外的令牌<

import React from 'react'; 
 
import ReactDOM from 'react-dom'; 
 
import { Router, Route, Link, browserHistory, IndexRoute } from 'react-router'; 
 

 
import App from './containers/App'; 
 
import Greetings from './containers/Greetings'; 
 
import SignupPage from './containers/signup/SignupPage'; 
 
import Screen from './containers/signup/Screen1'; 
 
import LoginPage from './containers/login/LoginPage'; 
 

 
export default (
 
    <Router history = {browserHistory}> 
 
     <Route path = "/" component = {App}> 
 
     <IndexRoute component = {SignupPage} /> 
 
     <Route path = "signup" component = {SignupPage} /> 
 
     <Route path = "login" component = {LoginPage} /> 
 
     <Route path = "/screen/:id" component = {Screen} /> 
 
     </Route> 
 
    </Router> 
 
)

Answer 1

你的路由器的格式是可能關閉 - 在道具之間添加空格會導致語法錯誤。注意我還導出到一個名爲router的變量，因爲這是明確導出的更好的做法。請嘗試重寫路由器這樣的：

import React from 'react'; 
 
import ReactDOM from 'react-dom'; 
 
import { Router, Route, Link, browserHistory, IndexRoute } from 'react-router'; 
 

 
import App from './containers/App'; 
 
import Greetings from './containers/Greetings'; 
 
import SignupPage from './containers/signup/SignupPage'; 
 
import Screen from './containers/signup/Screen1'; 
 
import LoginPage from './containers/login/LoginPage'; 
 

 

 

 
export default router = (
 
    <Router history={browserHistory}> 
 
     <Route path="/" component={App}> 
 
     <IndexRoute component = {SignupPage} /> 
 
     <Route path="signup" component={SignupPage} /> 
 
     <Route path="login" component={LoginPage} /> 
 
     <Route path="/screen/:id" component={Screen} /> 
 
     </Route> 
 
    </Router> 
 
)