在react-router中加一层路由出问题

Question

之前的代码是

<td><Link to={`/settings/dicts/${row.id}`}>{row.k}</Link></td>

                    <Route path="dicts">

                        <IndexRoute components={{sidebar: Settings, main: DictsPage}}/>

                        <Route path=":id" components={{sidebar: Settings, main: DictPage}}/>

                    </Route>

之后的代码是

<td><Link to={`/settings/dicts/hh/${row.id}`}>{row.k}</Link></td>

                    <Route path="dicts">

                        <IndexRoute components={{sidebar: Settings, main: DictsPage}}/>

                        <Route path="hh/:id" components={{sidebar: Settings, main: DictPage}}/>

                    </Route>

代码改了之后就出问题了

请问这种情况怎么解决呢？