连接的React Router - 不要更新视图

Question

我需要一个建议...... 我正在学习如何建立一个完整的应用程序基于react.这里是测试应用程序。https:/codesandbox.ioscranky-platform-46sjl

使用React , Redux, Saga和typecript。

到目前为止，除了路由之外，一切工作都很正常。

-Custon事件被解雇：onClick={() => redirectRequest('')}。

-当我手动尝试访问一个网址时：例如Starwars：那工作

-在redux devtool中，路由器事件也被触发。https:/snipboard.iouWaokq.jpg。

-更改Url，更新道具+状态中的{location}。

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

我查了很多github的问题和其他堆栈问题，但到目前为止，似乎没有任何东西可以让它工作。也许你的家伙会有一个想法，我在这里错过了什么。

谢谢你的时间!

Answer 1

使用 导航系统 从 react-router-dom 导入

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

之后在你的渲染函数中使用如下

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