了解React Router參數

Question

我有一個靜態路由list和一個動態user/:id 。 在兩個頁面之間導航會產生問題（1）從user/:id導航到list ，會將其追加為user/list 。 （2）刷新user/:id上的頁面時，出現Uncaught SyntaxError: Unexpected token < jquery-3.1.1.min.js:1 ，這破壞了所有樣式。

如果我導航到的路由是list如何告訴路由器不要追加？

為什么不刷新動態路由時會引發jQuery SyntaxError？

import React, { Component } from 'react';
import { Router, Route, browserHistory, indexRoute } from 'react-router';

import Root from './components/Root';
import Home from './components/Home';
import ComponentA from './components/ComponentA';
import ComponentB from './components/ComponentB';

class App extends Component {
  render() {
    return (
        <Router history={browserHistory}>
          <Route path="/"  component={Root}>
          <indexRoute component={Home} />
          <Route path="list" component={ComponentA} />
          <Route path="users/:id" component={ComponentB} />
        </Route>
      </Router>
    );
  }
}

export default App;

編輯：我發現這些答案建議將type="text/jsx"到src 。 當我這樣做但現在沒有得到語法錯誤時， js （菜單下拉菜單，模態等）代碼就無法正常工作。

...
    <script type="text/jsx" src="./jquery/jquery-3.1.1.min.js"></script>
    <script type="text/jsx" src="./bootstrap/js/bootstrap.min.js"></script>
    <script type="text/jsx" src="./custom.js"></script>
  </body>

Answer 1

您的鏈接很可能沒有正確定義。 您可能缺少一個/ ，告訴路由器您正在嘗試重置路徑。

<Link to="/link" />

代替

<Link to="link" />