andre/30-seconds-of-code
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Update Mailto.md

Browse Source 
Special characters now captured in subject and body fields.
This commit is contained in:
Dusch4593
2019-09-07 08:27:18 -04:00
committed by GitHub
parent 6c8e601af9
commit 7eabe3bdbc
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
snippets/Mailto.md
View File

@ -11,14 +11,14 @@ Renders a link formatted to send an email.
```jsx ```jsx
function Mailto({ email, subject, body, ...props }) { function Mailto({ email, subject, body, ...props }) {
return ( return (
<a href={`mailto:${email}?subject=${subject || ''}&body=${body || ''}`}>{props.children}</a> <a href={`mailto:${email}?subject=${encodeURIComponent(subject) || ''}&body=${encodeURIComponent(body) || ''}`}>{props.children}</a>
); );
} }
``` ```
```jsx ```jsx
ReactDOM.render( ReactDOM.render(
<Mailto email="foo@bar.baz" subject="Hello" body="Hello world!"> <Mailto email="foo@bar.baz" subject="Hello & Welcome" body="Hello world!">
Mail me! Mail me!
</Mailto>, </Mailto>,
document.getElementById('root') document.getElementById('root')