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

Merge pull request #73 from Dusch4593/master

Browse Source 
Modified snippets/Mailto.md
Resolve #66
This commit is contained in:
Angelos Chalaris
2019-09-08 12:41:58 +03:00
committed by GitHub
parent 75dd7d0d70 91aa420f29
commit 34c8bc5957
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')