React Router Link不起作用

时间:2016-03-25 05:54:17

标签: reactjs react-router

为什么以下<Link>不起作用?
当我点击它时,我看到网址稍有变化,然后又转回当前网址,视图中没有任何反应。我还可以在开发人员工具中看到日志消息:action @ 14:36:52.677 @@router/LOCATION_CHANGE

我的路线定义是:

<Route component={MainLayout}>
  <Route path="/">
    <IndexRoute component={TestIndexView} />
    <Route path="test/:code/edit" component={TestFormView} />
</Route>
<Route path="*" component={NoMatch}/>

和链接是:

 <Link to={`test/${item.code}/edit`} className="btn btn-default btn-xs">Edit</Link>

我认为当我点击链接时它应该呈现TestFormView,但事实并非如此。

1 个答案:

答案 0 :(得分:0)

我发现了这个问题。我将项目配置为使用redux-simple-router而不是react-router-redux,这就是为什么它不起作用。更改为react-router-redux并导入其routerReducer模块后,现在一切似乎都很好。