Fix typos in “Mixins Considered Harmful” (#7275)
* Fix typos in “Mixins Considered Harmful” * Use consistent code style
Dan Abramov committed
Jul 13, 2016 at 18:46 UTC
f02cbba9fd764540d631a326aaf11f9cab1bdfb1
1 file changed
+4
-4
docs/_posts/2016-07-13-mixins-considered-harmful.md
+4
-4
@@ -427,7 +427,7 @@ var UserRow = React.createClass({
427
return (
428
<div>
429
{this.renderHeader() /* Defined by RowMixin */}
430
- <h2>{this.props.user.biography}
430
+ <h2>{this.props.user.biography}</h2>
431
</div>
432
)
433
}
@@ -457,7 +457,7 @@ function UserRow(props) {
457
return (
458
<div>
459
<RowHeader text={props.user.fullName} />
460
- <h2>{props.user.biography}
460
+ <h2>{props.user.biography}</h2>
461
</div>
462
);
463
}
@@ -571,7 +571,7 @@ var ColorMixin = {
571
var Button = React.createClass({
572
mixins: [ColorMixin],
573
574
- render: function () {
574
+ render: function() {
575
var theme = this.getLuminance(this.props.color) > 160 ? 'dark' : 'light';
576
return (
577
<div className={theme}>
@@ -590,7 +590,7 @@ Put utility functions into regular JavaScript modules and import them. This also
590
var getLuminance = require('../utils/getLuminance');
591
592
var Button = React.createClass({
593
- render: function () {
593
+ render: function() {
594
var theme = getLuminance(this.props.color) > 160 ? 'dark' : 'light';
595
return (
596
<div className={theme}>