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

【问题标题】：Why does this React router NavLink either redirect or submit successfully but, not both?为什么这个 React 路由器 NavLink 要么重定向要么成功提交，但不能同时提交？
【发布时间】：2021-04-09 04:15:06
【问题描述】：

单击提交表单后，我正在尝试使用反应路由器链接重定向到“/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>

【问题讨论】：

您能否在将要提交的表单中显示您要执行的操作
当我单击提交按钮时，我希望显示 /SwatThankYou 页面。我正在使用 react-router 转到 /SwatThankYou 页面，但是由于某种原因，当我单击提交时它没有显示。

标签： reactjs forms react-router form-submit

【解决方案1】：

这对我有用。

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

【讨论】：