В чем разница между этими редиректами в React?

Question

[JeyFom]

Есть два приложения, в одном для редиректа используется

const history = useHistory();
history.push(url);

в другом приложении

import { push } from 'connected-react-router';
...
dispatch(push(url));

В чем разница между этими подходами? Возможной, второй используется в каких-то конкретных кейсах? Чтение документации не дало полного понимания

Answer 1

[abberati]

В первом случае редакс ничего не знает про роутер, роутер используется сам по себе. Во втором случае роутер прикручен к редаксу и логика завёрнута в мидлварю из connected-react-router. В компонентах разницы никакой. Разница в том, что второй способ позволяет работать с роутером через диспатчи специальных экшонов там, где реакта нет — например, в redux-thunk или redux-saga.