In reactJS, how to invoke link click via button press?

Question

I have a button. When the users presses it, I want the outcome ot be the same as if the user had pressed a specific link.

Put another way, I want to represent a link as a button.

I can see from this that it is possible using Jquery: How to call a href by onclick event of a button?

What is the "correct" way to do this in ReactJS?

Answer 1

Like this:

<button     type="button"     onClick={(e) => {       e.preventDefault();       window.location.href='http://google.com';       }} > Click here</button> 

Answer 2

Use React-Router Link,instead of Anchor tag.

import React, { Component } from 'react';  import {Link} from 'react-router-dom'   // reactClass --      return (        <div>        <Link to='https://react.semantic-ui.com/'>        <button type="button" className="btn btn-info">Button</button>        </Link>        </div>      );    // end--