Browse Source

Fix example for animation

* Highlight the correct lines
* Add missing text to button
* Remove unnecessary div
main
Stefan Dombrowski 11 years ago
parent
commit
a7e44ca707
  1. 6
      docs/09.1-animation.md

6
docs/09.1-animation.md

@ -17,7 +17,7 @@ React provides a `ReactTransitionGroup` addon component as a low-level API for a
`ReactCSSTransitionGroup` is the interface to `ReactTransitions`. This is a simple element that wraps all of the components you are interested in animating. Here's an example where we fade list items in and out.
```javascript{22-24}
```javascript{30-32}
/** @jsx React.DOM */
var ReactCSSTransitionGroup = React.addons.CSSTransitionGroup;
@ -33,7 +33,7 @@ var TodoList = React.createClass({
},
handleRemove: function(i) {
var newItems = this.state.items;
newItems.splice(i, 1)
newItems.splice(i, 1);
this.setState({items: newItems});
},
render: function() {
@ -46,7 +46,7 @@ var TodoList = React.createClass({
}.bind(this));
return (
<div>
<div><button onClick={this.handleAdd} /></div>
<button onClick={this.handleAdd}>Add Item</button>
<ReactCSSTransitionGroup transitionName="example">
{items}
</ReactCSSTransitionGroup>

Loading…
Cancel
Save