リアクタのパラメータを理解する

Question

私はスタティックルートlistとダイナミックuser/:idを持っています。 2ページ間を移動すると問題が発生する（1）listに移動するときは、user/:idから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; 

編集：私はthese answersがsrcにtype="text/jsx"を追加することをお勧めしました。私がすると、今はsyntaxErrorを取得しませんが、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" />