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

Travis build: 45

Browse Source
This commit is contained in:
30secondsofcode
2019-09-08 09:43:18 +00:00
parent 34c8bc5957
commit 625f6966a9
3 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
README.md
View File

@ -1456,7 +1456,7 @@ Renders a link formatted to send an email.
```jsx
function Mailto({ email, subject, body, ...props }) {
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>
);
}
```
@ -1466,7 +1466,7 @@ function Mailto({ email, subject, body, ...props }) {
```jsx
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!
</Mailto>,
document.getElementById('root')

2
snippet_data/snippetList.json
View File

@ -200,7 +200,7 @@
]
},
"meta": {
"hash": "e59782e34529471198a8ec1f471368e5128743ab0d50ca1dfae488dd38ae9378"
"hash": "f4186bc638098d4d510a26dac586a5196ffb2e0d41e3325a0e53756f26896c4c"
}
},
{

6
snippet_data/snippets.json
View File

@ -263,8 +263,8 @@
"text": "Renders a link formatted to send an email.\n\n- Destructure the component's props, use `email`, `subject` and `body` to create a `<a>` element with an appropriate `href` attribute.\n- Render the link with `props.children` as its content.\n\n",
"codeBlocks": {
"style": "",
"code": "function Mailto({ email, subject, body, ...props }) {\n return (\n <a href={`mailto:${email}?subject=${subject || ''}&body=${body || ''}`}>{props.children}</a>\n );\n}",
"example": "ReactDOM.render(\n <Mailto email=\"foo@bar.baz\" subject=\"Hello\" body=\"Hello world!\">\n Mail me!\n </Mailto>,\n document.getElementById('root')\n);"
"code": "function Mailto({ email, subject, body, ...props }) {\n return (\n <a href={`mailto:${email}?subject=${encodeURIComponent(subject) || ''}&body=${encodeURIComponent(body) || ''}`}>{props.children}</a>\n );\n}",
"example": "ReactDOM.render(\n <Mailto email=\"foo@bar.baz\" subject=\"Hello & Welcome\" body=\"Hello world!\">\n Mail me!\n </Mailto>,\n document.getElementById('root')\n);"
},
"tags": [
"visual",
@ -272,7 +272,7 @@
]
},
"meta": {
"hash": "e59782e34529471198a8ec1f471368e5128743ab0d50ca1dfae488dd38ae9378"
"hash": "f4186bc638098d4d510a26dac586a5196ffb2e0d41e3325a0e53756f26896c4c"
}
},
{