が正しくルータの作業を反応させ、私のルートの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> 
 
)