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. `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 */ /** @jsx React.DOM */
var ReactCSSTransitionGroup = React.addons.CSSTransitionGroup; var ReactCSSTransitionGroup = React.addons.CSSTransitionGroup;
@ -33,7 +33,7 @@ var TodoList = React.createClass({
}, },
handleRemove: function(i) { handleRemove: function(i) {
var newItems = this.state.items; var newItems = this.state.items;
newItems.splice(i, 1) newItems.splice(i, 1);
this.setState({items: newItems}); this.setState({items: newItems});
}, },
render: function() { render: function() {
@ -46,7 +46,7 @@ var TodoList = React.createClass({
}.bind(this)); }.bind(this));
return ( return (
<div> <div>
<div><button onClick={this.handleAdd} /></div> <button onClick={this.handleAdd}>Add Item</button>
<ReactCSSTransitionGroup transitionName="example"> <ReactCSSTransitionGroup transitionName="example">
{items} {items}
</ReactCSSTransitionGroup> </ReactCSSTransitionGroup>

Loading…
Cancel
Save