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

Travis build: 79

Browse Source
This commit is contained in:
30secondsofcode
2019-09-24 14:22:12 +00:00
parent cd79fb7c54
commit 381cdd73f9
3 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
README.md
View File

@ -787,7 +787,7 @@ function LimitedWordTextarea({ rows, cols, value, limit }) {
```jsx
ReactDOM.render(
<LimitedWordTextArea limit={5} value="Hello there!" />,
<LimitedWordTextarea limit={5} value="Hello there!" />,
document.getElementById('root')
);
```

2
snippet_data/snippetList.json
View File

@ -202,7 +202,7 @@
]
},
"meta": {
"hash": "daebbd819d3a73beb3a82ba3c9682b619fc1f663edaad8c60fab3e1b4b44c30c"
"hash": "ac22f33a0084fb444ce9e3cd7aebec507d6d785d1bc6e0a9cc5656f5ee0cb92f"
}
},
{

4
snippet_data/snippets.json
View File

@ -263,7 +263,7 @@
"codeBlocks": {
"style": "",
"code": "function LimitedWordTextarea({ rows, cols, value, limit }) {\n const [content, setContent] = React.useState(value);\n const [wordCount, setWordCount] = React.useState(0);\n\n const setFormattedContent = text => {\n let words = text.split(' ');\n if (words.filter(Boolean).length > limit) {\n setContent(\n text\n .split(' ')\n .slice(0, limit)\n .join(' ')\n );\n setWordCount(limit);\n } else {\n setContent(text);\n setWordCount(words.filter(Boolean).length);\n }\n };\n\n React.useEffect(() => {\n setFormattedContent(content);\n }, []);\n\n return (\n <div>\n <textarea\n rows={rows}\n cols={cols}\n onChange={event => setFormattedContent(event.target.value)}\n value={content}\n />\n <p>\n {wordCount}/{limit}\n </p>\n </div>\n );\n}",
"example": "ReactDOM.render(\n <LimitedWordTextArea limit={5} value=\"Hello there!\" />,\n document.getElementById('root')\n);"
"example": "ReactDOM.render(\n <LimitedWordTextarea limit={5} value=\"Hello there!\" />,\n document.getElementById('root')\n);"
},
"tags": [
"input",
@ -274,7 +274,7 @@
]
},
"meta": {
"hash": "daebbd819d3a73beb3a82ba3c9682b619fc1f663edaad8c60fab3e1b4b44c30c"
"hash": "ac22f33a0084fb444ce9e3cd7aebec507d6d785d1bc6e0a9cc5656f5ee0cb92f"
}
},
{