陣營路由器：一些內部鏈接重新下載應用程序

Question

我有我的路線如下配置：

import React from 'react' 
import {Route, IndexRedirect} from 'react-router' 

import MainView from '../pages/pro/main' 
import MyJobsListView from '../pages/pro/my-jobs' 
import MyJobsTabAccepted from '../pages/pro/my-jobs/tabs/Accepted' 
import MyJobsTabLeads from '../pages/pro/my-jobs/tabs/Leads' 

import JobView from '../pages/pro/job' 
import JobViewTabQuote from '../pages/pro/job/tabs/Quote' 

const jobRoutes = (
    <Route name='pro-job' path=':jobUuid' component={JobView}> 
    <Route name='pro-job-messages' path='messages' /> 
    <Route name='pro-job-quote' path='quote' component={JobViewTabQuote} /> 
    <IndexRedirect to='messages' /> 
    </Route> 
) 

const jobsRoutes = (
    <Route component={MyJobsListView}> 
    <Route 
     name='pro-jobs-accepted' 
     path='accepted' 
     component={MyJobsTabAccepted} 
     /> 
    <Route 
     name='pro-jobs-leads' 
     path='leads' 
     component={MyJobsTabLeads} 
     /> 
    </Route> 
) 

export default (
    <Route component={MainView}> 
    <Route name='pro-jobs' path='my-jobs'> 
     {jobsRoutes} 
     {jobRoutes} 
     <IndexRedirect to='accepted' /> 
    </Route> 
    <IndexRedirect to='my-jobs' /> 
    </Route> 
) 

在MyJobsTabAccepted我有聯繫的pro-job路線，定義爲：

<Link 
    className={className} 
    to={{ 
    name: 'pro-job', 
    params: {...routerUtils.getParams().toJS(), jobUuid: job.uuid}, 
    }} 
    > 
    {job.uuid} 
</Link> 

當我點擊此鏈接再次下載頁面，應用程序重新啓動。我找不到解決這個問題的方法。

我使用use-named-routes，它在其他應用程序中運行良好。

Link組件是在一個組件中創建的，出於更多原因，該組件還被withRouter包裝。

出於某種原因，這些鏈接都在「建設者隱藏」分區創建和感動，我需要與後續的功能：

_moveItems() { 
    _.forEach(this.builder.children, c => { 
     this.container.appendChild(c.cloneNode(true)) 
    }) 
    } 

看起來反應不知道他們什麼，所以他們作爲正常鏈接處理。

Answer 1

嘗試在路徑前放/。例如/mypath。

<Link to="/mypath">My path</Link> 

Answer 2

問題出在moveItems。

cloneNode不克隆節點元素的eventHandlers，所以我完全失去了我的組件的功能。