[解決済み] react button onClick リダイレクトページ

質問

Reactとbootstrapを使用したWebアプリケーションに取り組んでいます。それはボタンのonClickを適用することになると、それは私のページが別のページにリダイレクトさせるために私を苦労させる。

そこで、ボタンonClickを使用してページを移動するためにreact-navigationまたは他のものを使用する必要があるかどうか教えてください？

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 (
 <div className="app flex-row align-items-center">
        <Container>
     ...
                    <Row>
                      <Col xs="6">                      
                        <Button color="primary" className="px-4">
                            Login
                         </Button>
                      </Col>
                      <Col xs="6" className="text-right">
                        <Button color="link" className="px-0">Forgot password?</Button>
                      </Col>
                    </Row>
               ...
        </Container>
      </div>
    );
  }
}

どのように解決するのですか？

ボタンをリンクとして使用しないでください。代わりに、ボタンのようなスタイルのリンクを使用します。

<Link to="/signup" className="btn btn-primary">Sign up</Link>