diff options
author | Francesco <firefelix@gmail.com> | 2016-02-11 13:10:18 +0100 |
---|---|---|
committer | Francesco <firefelix@gmail.com> | 2016-02-11 13:10:18 +0100 |
commit | ca7f1a270b92fed4b87f295f3cd89581f5bd9538 (patch) | |
tree | fa8fee9778da4bc18ae69b0eeb92fd494310d6a4 /examples/examples.js | |
parent | 61f552ab428ac53afe333770bac6b71158c69bbf (diff) | |
parent | c70750e93105119c4bdcf8de30faa4d1d550712b (diff) | |
download | react-autosize-textarea-ca7f1a270b92fed4b87f295f3cd89581f5bd9538.zip react-autosize-textarea-ca7f1a270b92fed4b87f295f3cd89581f5bd9538.tar.gz react-autosize-textarea-ca7f1a270b92fed4b87f295f3cd89581f5bd9538.tar.bz2 |
Merge pull request #12 from buildo/11-use_es6_classreact-0.13
#11: use ES6 class (closes #11)
Diffstat (limited to 'examples/examples.js')
-rw-r--r-- | examples/examples.js | 25 |
1 files changed, 12 insertions, 13 deletions
diff --git a/examples/examples.js b/examples/examples.js index 6695316..d30c8dc 100644 --- a/examples/examples.js +++ b/examples/examples.js @@ -1,15 +1,14 @@ import React from 'react'; import TextareaAutosize from '../src/TextareaAutosize'; -const Example = React.createClass({ +class Example extends React.Component { - propTypes: {}, - - getInitialState() { - return { + constructor(props) { + super(props); + this.state = { value: 'replace me with your component' }; - }, + } render() { @@ -21,22 +20,22 @@ const Example = React.createClass({ }; return ( - <div style={{fontFamily: 'sans-serif', margin: 15}}> + <div style={{ fontFamily: 'sans-serif', margin: 15 }}> <h2>Empty</h2> - <TextareaAutosize style={textareaStyle} placeholder='try writing some lines'/> + <TextareaAutosize style={textareaStyle} placeholder='try writing some lines' /> <h2>Minimum Height</h2> - <TextareaAutosize rows='3' style={textareaStyle} placeholder='minimun height is 3 rows'/> + <TextareaAutosize rows='3' style={textareaStyle} placeholder='minimun height is 3 rows' /> <h2>Prefilled</h2> - <TextareaAutosize style={textareaStyle} defaultValue={'this\nis\na\nlong\ninitial\ntext'}/> + <TextareaAutosize style={textareaStyle} defaultValue={'this\nis\na\nlong\ninitial\ntext'} /> <h2>{'You can compare with this normal react <textarea>'}</h2> - <textarea style={textareaStyle} defaultValue={'this\nis\na\nlong\ninitial\ntext'}/> + <textarea style={textareaStyle} defaultValue={'this\nis\na\nlong\ninitial\ntext'} /> </div> ); } -}); +} -React.render(<Example />, document.getElementById('container'));
\ No newline at end of file +React.render(<Example />, document.getElementById('container')); |