为什么这个 React 路由器 NavLink 要么重定向要么成功提交，但不能同时成功？

Question

我正在尝试使用 React 路由器 link 在单击提交表单后重定向到“/SwatThankYou”页面。该表单使用 emailjs 作为电子邮件发送到我的 gmail 帐户，因此我可以查看它是否正常工作。

这是进口商品

import React, { Component } from 'react';
import { Container, Row, Col, Button, NavLink, FormGroup, Input, Label } from 'reactstrap';
import { Link } from 'react-router-dom';
import 'bootstrap/dist/css/bootstrap.min.css';
import groupPicture from "../church2019.jpg";
import Image from 'react-bootstrap/Image';
import './Site.css';
import emailjs from 'emailjs-com';
import { ToastContainer, toast } from 'react-toastify';
import 'react-toastify/dist/ReactToastify.css';

这些是我到目前为止尝试过的按钮...

此按钮成功提交表单，但未重定向。

<button type="submit" value="Send" class="btn btn-primary">Submit</button>

此按钮重定向但不发送表单。

<NavLink type="submit" value="Send" tag={Link} to="/SwatThankYou"><button class="btn btn-primary">Submit</button></NavLink>

此按钮重定向但不发送表单。

<NavLink className="btn btn-primary" type="submit" value="Send" tag={Link} to="/SwatThankYou">Submit </NavLink>

Answer 1

这对我有用。

<BrowserRouter>
<Button Link to="/SwatThankYou" type="submit" value="Send" class="btn btn-primary">
 Submit                               
</Button> 
</BrowserRouter>

为什么这个 React 路由器 NavLink 要么重定向要么成功提交，但不能同时成功？

Why does this React router NavLink either redirect or submit successfully but, not both?

forms

form-submit

reactjs

react-router