时间戳

首页 > 解决方案 > 电子邮件共享按钮未使用反应在电子邮件中添加正文

javascript - 电子邮件共享按钮未使用反应在电子邮件中添加正文

问题描述

我有一个简单的应用程序，我希望用户单击此处将 youtube 视频分享到电子邮件中，到目前为止我已经尝试过

import React from 'react'

function kiki() {
    return (
        <div>
            <div className="container">
            <a className="video-email_button button-hover" href={`mailto:?subject=I wanted you to see this site&amp;body=Check out this video https://youtu.be/yul2-4mc6mg`} title="Share viaEmail">
                <span className="video-email_button-icon">
                    <ReactSVG src={shareEnvelopeSVG} />
                    </span>
                <span className="video-email_button-text">Email</span>
            </a>

            </div>
                
        </div>
    )
}

export default kiki

这是现场演示：现场演示

不幸的是，唯一的主题标题被添加到电子邮件中，如下图所示 在此处输入图像描述

为什么正文没有添加到电子邮件中？？？

标签： javascripthtmlreactjsemail

解决方案

这似乎工作。替换&amp为&body

import React from "react";
import "./style.css";

export default function App() {
  return (
    <div>
       <div className="container">
            <a className="video-email_button button-hover" href={`mailto:?subject=I wanted you to see this site&body=Check out this video https://youtu.be/yul2-4mc6mg`} title="Share viaEmail">
                <span className="video-email_button-text">Email</span>
            </a>

            </div>
    </div>
  );
}

推荐阅读