使用React Redux，当单击侧边栏上的链接(重定向)时，同时清除搜索栏中的输入
使用React Redux，当单击侧边栏上的链接(重定向)时，同时清除搜索栏中的输入
提问于 2020-01-13 15:50:21
我正在使用react redux创建一个网站。我有一个标题组件，其中包括搜索栏，我将它放在App.jsx中，这样每个页面都可以获得这个标题。但现在的问题是，当我单击其他组件侧边栏上的链接进行重定向时，如何同时清除搜索栏中的输入？因为我的header与其他组件是分开的，但是搜索栏在header组件内部，所以我想知道是否有办法连接回header组件中的搜索栏。这样，当我单击其他组件的链接时，我可以将搜索栏的输入重置为空字符串？
回答 2
Stack Overflow用户
发布于 2020-01-13 17:05:14
在搜索中，您可以检查位置是否相同或不同：
componentDidUpdate(prevProps) {
if (get(this.props, 'location.pathname') !== get(prevProps, 'location.pathname')) {
//clear search
}
}Stack Overflow用户
发布于 2020-01-13 17:17:03
您可以在redux中维护搜索栏状态，这将控制搜索栏的内容。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/59712435
复制相关文章
相似问题
腾讯云开发者
