连接的 React 路由器 - 不更新视图

Question

我需要一个建议。。。我正在学习如何基于react构建一个完整的应用程序。以下是测试应用程序：https://codesandbox.io/s/cranky-platform-46sjl

使用React、Redux、Saga和typescript。

到目前为止，除了路由之外，一切都正常：

-Custon事件被激发：onClick＝｛((=>redirectRequest('/'(｝

-当我手动尝试访问一个url:/starwars时，例如：工作

-redux devtool中也触发了路由器事件：https://snipboard.io/uWaokq.jpg

-Url更改，props+状态下的｛location｝已更新

-视图没有更新-->不显示其他组件

我检查了很多github问题/其他堆栈问题，但到目前为止似乎没有任何问题可以解决。也许你们会知道我在这里错过了什么。

谢谢你抽出时间！

Answer 1

使用从react路由器dom 导入的NavLink

import { NavLink } from 'react-router-dom';

稍后在渲染函数中按如下方式使用它

render () {
return (
...
<NavLink className="navlink" to="/">Home</NavLink>
...
)
}