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

问题描述

问 题

之前的代码是

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

代码改了之后就出问题了

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

解决方案

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

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

这篇关于javascript - 在react-router中加一层路由出问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！