Используя React Redux, нажмите на ссылку на боковой панели (для перенаправления), чтобы одновременно очистить ввод в строке поиска.

Question

Я использую реагировать на создание сайта. У меня есть компонент заголовка, который включает в себя панель поиска, и я включил его в App.jsx, чтобы каждая страница могла получить этот заголовок. Но теперь проблема в том, что, когда я нажимаю ссылку на боковой панели какого-либо другого компонента для перенаправления, как я могу очистить ввод в строке поиска одновременно? Так как мой заголовок отделен от другого компонента, но панель поиска находится внутри компонента заголовка, поэтому мне интересно, есть ли способ подключиться обратно к панели поиска в компоненте заголовка. Чтобы при нажатии на ссылку другого компонента я мог сбросить ввод строки поиска на пустую строку?

Answer 1

Вы можете поддерживать состояние панели поиска в редуксе, который будет контролировать содержимое панели поиска.

Answer 2

Внутри поиска вы можете проверить, является ли местоположение тем же или другим:

 componentDidUpdate(prevProps) {

        if (get(this.props, 'location.pathname') !== get(prevProps, 'location.pathname')) {
          //clear search 

        }
    }