ReactJS + Redux：如何触发按钮打开带有 属性 电子邮件的 Mac Mail/Windows 邮件？

Question

我有一个按钮和一个包含电子邮件地址的字符串 属性。单击按钮后，我希望它打开 Mac Mail/Windows 邮件，收件人中包含字符串 属性 的电子邮件地址：

我该怎么做呢？任何指导或见解将不胜感激！

Answer 1

你可以使用window.location.href = `mailto:${this.props.email}`

class EmailButton extends Component {
    constructor(props){
        super(props);
        this.onClick = this.onClick.bind(this);
    }
    onClick(){
        window.location.href = `mailto:${this.props.email}`;
    }
    render(){
        return <button onClick={this.onClick}>EmailButton</button>;
    }
}

webpackbin demo

你也可以使用 <a href={`mailto:${email}`}>EmailButton</a>