The library for web and native user interfaces.
textarea format
Cheng Lou committed
Jul 17, 2013 at 16:22 UTC
169b172ffc34a95c3bb144be187ff6984bc6afbc
1 file changed
+6
-5
docs/_js/examples/markdown.js
+6
-5
@@ -11,16 +11,17 @@ var MarkdownEditor = React.createClass({\n\
11
getInitialState: function() {\n\
12
return {value: 'Type some *markdown* here!'};\n\
13
},\n\
14
- handleInput: React.autoBind(function() {\n\
14
+ handleChange: React.autoBind(function() {\n\
15
this.setState({value: this.refs.textarea.getDOMNode().value});\n\
16
}),\n\
17
render: function() {\n\
18
return (\n\
19
<div className=\"MarkdownEditor\">\n\
20
<h3>Input</h3>\n\
21
- <textarea onInput={this.handleInput} ref=\"textarea\">\n\
22
- {this.state.value}\n\
23
- </textarea>\n\
21
+ <textarea\n\
22
+ onChange={this.handleChange}\n\
23
+ ref=\"textarea\"\n\
24
+ defaultValue={this.state.value} />\n\
25
<h3>Output</h3>\n\
26
<div\n\
27
className=\"content\"\n\
@@ -37,6 +38,6 @@ React.renderComponent(<MarkdownEditor />, mountNode);\
38
";
39
40
React.renderComponent(
40
- <ReactPlayground codeText={MARKDOWN_COMPONENT} />,
41
+ ReactPlayground( {codeText:MARKDOWN_COMPONENT}, null ),
42
document.getElementById('markdownExample')
43
);