Reagieren Router nicht root params

Question

arbeitet mein Router richtig funktionieren reagieren, aber wenn ich params hinzufügen Router dann einige Fehler angezeigt wie Uncaught Syntaxerror: unerwartetes Token <

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

Die Formatierung Ihres Routers ist möglicherweise deaktiviert - Das Hinzufügen von Leerzeichen zwischen Requisiten kann zu Syntaxfehlern führen. Hinweis: Ich habe auch eine Variable namens Router exportiert, da dies eine bessere Vorgehensweise zum expliziten Exportieren ist. Versuchen Sie den Router wie folgt umschreiben:

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> 
 
)