Я рендеринг компонентов, используя react-router, у каждого компонента есть кнопка и событие onClick для этого.Вот маршруты:
<Route path="/client" component={AsyncClientsTable}/>
<Route path="/account" component={AsyncAccountsTable}/>
onClick событие добавляет строку к таблице в каждом компоненте.Повторное нажатие на кнопку скрывает добавленную строку в таблице с использованием свойства CSS display.
Работает нормально, если местоположение изменяется на window.location = "/account".Но проблема в том, что это перезагружает страницу.
Но если местоположение изменилось с помощью react-router с использованием this.props.history.push("/account"), событие запускается дважды, так что строка не будет добавлена в таблицу.
Я бынравится отображать AsyncAccountsTable компонент, так же, как если бы он отображал так же, как и при загрузке страницы.
Как этого добиться?
еще одна информация, я повторно использую компонент таблицы с новымданные и имя компонента.
С уважением, [Шашидхар НК]