Skip to content

Commit 7795968

Browse files
committed
Consistently use autoBind on homepage examples
Except for todo.js, all the other examples on the homepage use React.autoBind when defining event handler methods. Test Plan: Added todo items successfully
1 parent 095fccb commit 7795968

File tree

1 file changed

+6
-6
lines changed

1 file changed

+6
-6
lines changed

docs/_js/examples/todo.js

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -14,15 +14,15 @@ var TodoList = React.createClass({\n\
1414
});\n\
1515
\n\
1616
var TodoCreate = React.createClass({\n\
17-
handleSubmit: function() {\n\
17+
handleSubmit: React.autoBind(function() {\n\
1818
var textInput = this.refs.textInput.getDOMNode();\n\
1919
this.props.onCreate(textInput.value);\n\
2020
textInput.value = '';\n\
2121
return false;\n\
22-
},\n\
22+
}),\n\
2323
render: function() {\n\
2424
return (\n\
25-
<form onSubmit={this.handleSubmit.bind(this)}>\n\
25+
<form onSubmit={this.handleSubmit}>\n\
2626
<input type=\"text\" ref=\"textInput\" />\n\
2727
<button>Add</button>\n\
2828
</form>\n\
@@ -34,15 +34,15 @@ var TodoApp = React.createClass({\n\
3434
getInitialState: function() {\n\
3535
return {items: []};\n\
3636
},\n\
37-
onItemCreate: function(value) {\n\
37+
onItemCreate: React.autoBind(function(value) {\n\
3838
this.setState({items: this.state.items.concat([value])});\n\
39-
},\n\
39+
}),\n\
4040
render: function() {\n\
4141
return (\n\
4242
<div>\n\
4343
<h3>TODO</h3>\n\
4444
<TodoList items={this.state.items} />\n\
45-
<TodoCreate onCreate={this.onItemCreate.bind(this)} />\n\
45+
<TodoCreate onCreate={this.onItemCreate} />\n\
4646
</div>\n\
4747
);\n\
4848
}\n\

0 commit comments

Comments
 (0)