React Hooks with React Router v4 - how do I redirect to another route?

Question

I have a simple react hooks application - a list of Todos - with react router v4

On the List of Todos, when a Todo is clicked I need to:

1. Dispatch the curre

Answer 1

Using react-redux and connected-react-router...

import {useDispatch } from 'react-redux';
import { push } from 'connected-react-router';

export default () => {
 const dispatch = useDispatch();

 return (
    dispatch(push('/login'))}>
     Login
       
  );
};