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

Question

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

使用 React、Redux、Saga 和 typescript。

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

-Custon 事件被触发：onClick={() => redirectRequest('/')}

- 当我手动尝试访问一个 url 时：/starwars 例如：那行得通

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

- Url 更改和 props + state 中的 {location} 更新

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

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

谢谢你的时间！

score 0 · Accepted Answer

使用从 react-router-dom 导入的NavLink

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

稍后在您的渲染函数中使用它

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

1 回答 1