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

It's actually a lot simpler than the other answers, React Router v5.1 provides a useHistory hook.

import React from 'react'
import { useHistory } from 'react-router-dom'

const MyComponent = () => {
  const history = useHistory()
  const handleButtonClick = (event) => {
    history.push(event.target.value)
  }
  return (
    
      Navigate Me!
    
  )
}