Here I will be using ‘history’ from react to navigate to a new page on button click.

I first created my react app using create-react-app and added Navbar component header which contains Home, About, Contact and Product pages.

Currently, the pages look like the below screen shot.

Home page without button to products

For your reference…