反应路由器不工作根参数答案

【问题标题】：React router not working root params反应路由器不工作根参数
【发布时间】：2017-06-28 15:58:46
【问题描述】：

我的反应路由器工作正常，但是当我添加参数路由器时显示一些错误，如 Uncaught SyntaxError: Unexpected 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>
)

【问题讨论】：

“当我添加参数路由器然后显示一些类似...的错误”到底是什么意思？

标签： node.js reactjs express redux jsx

【解决方案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>
)

【讨论】：