react-mailto.js

Install

npm install react-mailto.js --save

Usage

Import the package to your script:

import Mailto from 'react-mailto.js';

Add <Mailto /> component to your code and use properties described below to config your link:

Property	Type	Example	Description
to	string or Array<string>, isRequired	'[email protected]', ['[email protected]', '[email protected]']	Email to this person, or multiple persons
subject	string	'This is title'	Your email Subject
body	string	'This is body of my email'	Your email body
cc	string or Array<string>	'[email protected]', ['[email protected]', '[email protected]']	CC email to this person, or multiple persons
bcc	string or Array<string>	'[email protected]', ['[email protected]', '[email protected]']	BCC email to this person, or multiple persons
secure	boolean	true	When is set to true href of the link will be set to javascript:void(0) to not to leak email to the HTML code

Simple config

<Mailto
  secure={true}
  to="[email protected]"
  subject="Some email subject"
  body={['This is the body of your message', 'Multilined also'].join('\n')}
>
  email us
</Mailto>

Full config

<Mailto
  secure={true}
  to={['[email protected]', '[email protected]']}
  cc={['[email protected]', '[email protected]']}
  bcc={['[email protected]', '[email protected]']}
  subject="Some email subject"
  body={[
    'Some body',
    'Multilined also',
    'Symbols: ,./!@#$%^&*()_+~`":;<>?',
    "<script>console.log('xss');</script>"
  ].join('\n')}
  onClick={(e) => {
    console.log(e);
  }}
>
  email us
</Mailto>