在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>

代码改了之后就出问题了

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

Answer 1

稍微改一下路径方式吧 hh/:id 改成hh_:id
同理上面也改了

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

Answer 2

还是用了这个方法，区别度还能大一点:)