阵营路由器不能正常工作根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> 
 
)