react button onClick redirect page : <p>I am working on web application using React and bootstrap. When it comes to applying button onClick, it takes me hard time to let my page being redirect to another.  if after  a href , I cannot go the another page. </p>

<p>So would you please tell me is there any need for using react-navigation or other to navigate the page using Button onClick ? </p>

<pre><code>import React, { Component } from 'react';
import { Button, Card, CardBody, CardGroup, Col, Container, Input, InputGroup, InputGroupAddon, InputGroupText, Row, NavLink  } from 'reactstrap';

class LoginLayout extends Component {

  render() {
    return (
 &lt;div className="app flex-row align-items-center"&gt;
        &lt;Container&gt;
     ...
                    &lt;Row&gt;
                      &lt;Col xs="6"&gt;                      
                        &lt;Button color="primary" className="px-4"&gt;
                            Login
                         &lt;/Button&gt;
                      &lt;/Col&gt;
                      &lt;Col xs="6" className="text-right"&gt;
                        &lt;Button color="link" className="px-0"&gt;Forgot password?&lt;/Button&gt;
                      &lt;/Col&gt;
                    &lt;/Row&gt;
               ...
        &lt;/Container&gt;
      &lt;/div&gt;
    );
  }
}
</code></pre>
