amirho/react.dev
1
0
Fork 0
mirror of https://github.com/reactjs/react.dev.git synced 2026-02-23 20:23:08 +00:00
Code Issues Packages Projects Releases Wiki Activity

docs tips fix small typo and code

Browse Source
This commit is contained in:
Cheng Lou
2013-12-31 21:23:28 -05:00
parent 41a1ce41fc
commit 2fd497d2c5
1 changed files with 5 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
tips/15-expose-component-functions.md
View File

@@ -29,9 +29,10 @@ var Todos = React.createClass({
return {items: ['Apple', 'Banana', 'Cranberry']};
},
handleClick: function(i) {
var items = this.state.items;
items.splice(i, 1);
handleClick: function(index) {
var items = this.state.items.filter(function(item, i) {
return index !== i;
});
this.setState({items: items}, function() {
if (items.length === 1) {
this.refs.item0.animate();
@@ -56,4 +57,4 @@ var Todos = React.createClass({
React.renderComponent(<Todos />, mountNode);
```
Alternatively, you could have achieve this by passing the `todo` an `isLastUnfinishedItem` prop, let it check this prop in `componentDidUpdate`, then animate itself; however, this quickly gets messy if you pass around different props to control animations.
Alternatively, you could have achieved this by passing the `todo` an `isLastUnfinishedItem` prop, let it check this prop in `componentDidUpdate`, then animate itself; however, this quickly gets messy if you pass around different props to control animations.