ReactJS + Redux: Как вызвать кнопку, чтобы открыть почту Mac Mail/Windows Mail с электронной почтой?

Question

У меня есть кнопка и свойство строки, которое содержит адрес электронной почты. Как только кнопка нажата, я хочу, чтобы она открыла почту Mac Mail/Windows Mail с адресом электронной почты строкового объекта внутри:

Как я могу это сделать? Любое руководство или понимание будут с благодарностью оценены!

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>