Fix live editor examples on home page.
Remember that one time I wrote release notes and said: > This is a breaking change - if you were using class, you must change > this to className or your components will be visually broken. Good thing I didn't listen to myself!
Paul O’Shannessy committed
Oct 16, 2013 at 17:56 UTC
b46b6a8db90c2316c3e9e7d77ab6d620a6b4f775
1 file changed
+7
-7
docs/_js/live_editor.js
+7
-7
@@ -44,7 +44,7 @@ var CodeMirrorEditor = React.createClass({
44
}
45
46
return (
47
- <div class={this.props.className}>
47
+ <div className={this.props.className}>
48
{editor}
49
</div>
50
);
@@ -76,22 +76,22 @@ var ReactPlayground = React.createClass({
76
content =
77
<CodeMirrorEditor
78
onChange={this.bindState('code')}
79
- class="playgroundStage"
79
+ className="playgroundStage"
80
codeText={this.state.code}
81
/>;
82
} else if (this.state.mode === this.MODES.JS) {
83
content =
84
- <div class="playgroundJS playgroundStage">
84
+ <div className="playgroundJS playgroundStage">
85
{this.getDesugaredCode()}
86
</div>;
87
}
88
89
return (
90
- <div class="playground">
91
- <div class="playgroundCode">
90
+ <div className="playground">
91
+ <div className="playgroundCode">
92
{content}
93
</div>
94
- <div class="playgroundPreview">
94
+ <div className="playgroundPreview">
95
<div ref="mount" />
96
</div>
97
</div>
@@ -121,7 +121,7 @@ var ReactPlayground = React.createClass({
121
}
122
} catch (e) {
123
React.renderComponent(
124
- <div content={e.toString()} class="playgroundError" />,
124
+ <div content={e.toString()} className="playgroundError" />,
125
mountNode
126
);
127
}