React 重定向在 Github 页面上不起作用

Question

在我的 main.js 文件中，我编写了以下代码：

const Contact = styled(NavLink)`
color: ${props => props.theme.text};
position: absolute;
top: 2rem; 
right: calc(1rem + 2vw);
text-decoration: none;
z-index: 1;
`

<Contact target="_blank" to={{pathname: "mailto:email@gmail.com"}}>
            <motion.h2
            whileHover={{scale:1.1}}
            whileTap={{scale:0.9}}
            >

它在本地主机上工作正常。但是，在我将网站部署到 Github 页面后，通过单击按钮，我被重定向到 https://username.github.io/webpage/#/mailto:email@gmail.com 代替电子邮件@gmail.com

Answer 1

来自 react-router 的 NavLink 意味着在 SPA 中路由。只需为此

使用 'a' 标签

<a href="mailto:email@gmail.com">Email</a>

或者你应该试试

<Contact target="_blank" to='#' 
      onClick={() => window.location = 'mailto:email@gmail.com'}
>
...

React 重定向在 Github 页面上不起作用

React Redirection Doesn't Work on Github Pages

javascript

redirect

github-pages

reactjs