Add line breaks to examples on 10.1-animation docs per (#7606)
comments to issue #7317. Updated JP doc examples to match other languages Reformat to match JSX multi-line style #7550
Duke Pham committed
Aug 29, 2016 at 15:50 UTC
3071f31d04d4763ccd6c7627f2818693ce52b704
5 files changed
+60
-15
docs/docs/10.1-animation.it-IT.md
+12
-3
@@ -44,7 +44,10 @@ var TodoList = React.createClass({
44
return (
45
<div>
46
<button onClick={this.handleAdd}>Aggiungi Elemento</button>
47
- <ReactCSSTransitionGroup transitionName="example" transitionEnterTimeout={500} transitionLeaveTimeout={300}>
47
+ <ReactCSSTransitionGroup
48
+ transitionName="example"
49
+ transitionEnterTimeout={500}
50
+ transitionLeaveTimeout={300}>
51
{items}
52
</ReactCSSTransitionGroup>
53
</div>
@@ -89,7 +92,10 @@ Ti accorgerai che la durata delle animazioni devono essere specificate sia nel C
92
```javascript{3-5}
93
render: function() {
94
return (
92
- <ReactCSSTransitionGroup transitionName="example" transitionAppear={true} transitionAppearTimeout={500}>
95
+ <ReactCSSTransitionGroup
96
+ transitionName="example"
97
+ transitionAppear={true}
98
+ transitionAppearTimeout={500}>
99
<h1>Dissolvenza al Montaggio Iniziale</h1>
100
</ReactCSSTransitionGroup>
101
);
@@ -182,7 +188,10 @@ var ImageCarousel = React.createClass({
188
render: function() {
189
return (
190
<div>
185
- <ReactCSSTransitionGroup transitionName="carousel" transitionEnterTimeout={300} transitionLeaveTimeout={300}>
191
+ <ReactCSSTransitionGroup
192
+ transitionName="carousel"
193
+ transitionEnterTimeout={300}
194
+ transitionLeaveTimeout={300}>
195
<img src={this.props.imageSrc} key={this.props.imageSrc} />
196
</ReactCSSTransitionGroup>
197
</div>
docs/docs/10.1-animation.ja-JP.md
+12
-3
@@ -44,7 +44,10 @@ var TodoList = React.createClass({
44
return (
45
<div>
46
<button onClick={this.handleAdd}>Add Item</button>
47
- <ReactCSSTransitionGroup transitionName="example">
47
+ <ReactCSSTransitionGroup
48
+ transitionName="example"
49
+ transitionEnterTimeout={500}
50
+ transitionLeaveTimeout={300}>
51
{items}
52
</ReactCSSTransitionGroup>
53
</div>
@@ -90,7 +93,10 @@ var TodoList = React.createClass({
93
```javascript{3-5}
94
render: function() {
95
return (
93
- <ReactCSSTransitionGroup transitionName="example" transitionAppear={true}>
96
+ <ReactCSSTransitionGroup
97
+ transitionName="example"
98
+ transitionAppear={true}
99
+ transitionAppearTimeout={500}>
100
<h1>Fading at Initial Mount</h1>
101
</ReactCSSTransitionGroup>
102
);
@@ -153,7 +159,10 @@ var ImageCarousel = React.createClass({
159
render: function() {
160
return (
161
<div>
156
- <ReactCSSTransitionGroup transitionName="carousel">
162
+ <ReactCSSTransitionGroup
163
+ transitionName="carousel"
164
+ transitionEnterTimeout={300}
165
+ transitionLeaveTimeout={300}>
166
<img src={this.props.imageSrc} key={this.props.imageSrc} />
167
</ReactCSSTransitionGroup>
168
</div>
docs/docs/10.1-animation.ko-KR.md
+12
-3
@@ -44,7 +44,10 @@ var TodoList = React.createClass({
44
return (
45
<div>
46
<button onClick={this.handleAdd}>Add Item</button>
47
- <ReactCSSTransitionGroup transitionName="example" transitionEnterTimeout={500} transitionLeaveTimeout={300}>
47
+ <ReactCSSTransitionGroup
48
+ transitionName="example"
49
+ transitionEnterTimeout={500}
50
+ transitionLeaveTimeout={300}>
51
{items}
52
</ReactCSSTransitionGroup>
53
</div>
@@ -90,7 +93,10 @@ var TodoList = React.createClass({
93
```javascript{3-5}
94
render: function() {
95
return (
93
- <ReactCSSTransitionGroup transitionName="example" transitionAppear={true} transitionAppearTimeout={500}>
96
+ <ReactCSSTransitionGroup
97
+ transitionName="example"
98
+ transitionAppear={true}
99
+ transitionAppearTimeout={500}>
100
<h1>Fading at Initial Mount</h1>
101
</ReactCSSTransitionGroup>
102
);
@@ -183,7 +189,10 @@ var ImageCarousel = React.createClass({
189
render: function() {
190
return (
191
<div>
186
- <ReactCSSTransitionGroup transitionName="carousel" transitionEnterTimeout={300} transitionLeaveTimeout={300}>
192
+ <ReactCSSTransitionGroup
193
+ transitionName="carousel"
194
+ transitionEnterTimeout={300}
195
+ transitionLeaveTimeout={300}>
196
<img src={this.props.imageSrc} key={this.props.imageSrc} />
197
</ReactCSSTransitionGroup>
198
</div>
docs/docs/10.1-animation.md
+12
-3
@@ -44,7 +44,10 @@ var TodoList = React.createClass({
44
return (
45
<div>
46
<button onClick={this.handleAdd}>Add Item</button>
47
- <ReactCSSTransitionGroup transitionName="example" transitionEnterTimeout={500} transitionLeaveTimeout={300}>
47
+ <ReactCSSTransitionGroup
48
+ transitionName="example"
49
+ transitionEnterTimeout={500}
50
+ transitionLeaveTimeout={300}>
51
{items}
52
</ReactCSSTransitionGroup>
53
</div>
@@ -90,7 +93,10 @@ You'll notice that animation durations need to be specified in both the CSS and
93
```javascript{3-5}
94
render: function() {
95
return (
93
- <ReactCSSTransitionGroup transitionName="example" transitionAppear={true} transitionAppearTimeout={500}>
96
+ <ReactCSSTransitionGroup
97
+ transitionName="example"
98
+ transitionAppear={true}
99
+ transitionAppearTimeout={500}>
100
<h1>Fading at Initial Mount</h1>
101
</ReactCSSTransitionGroup>
102
);
@@ -183,7 +189,10 @@ var ImageCarousel = React.createClass({
189
render: function() {
190
return (
191
<div>
186
- <ReactCSSTransitionGroup transitionName="carousel" transitionEnterTimeout={300} transitionLeaveTimeout={300}>
192
+ <ReactCSSTransitionGroup
193
+ transitionName="carousel"
194
+ transitionEnterTimeout={300}
195
+ transitionLeaveTimeout={300}>
196
<img src={this.props.imageSrc} key={this.props.imageSrc} />
197
</ReactCSSTransitionGroup>
198
</div>
docs/docs/10.1-animation.zh-CN.md
+12
-3
@@ -44,7 +44,10 @@ var TodoList = React.createClass({
44
return (
45
<div>
46
<button onClick={this.handleAdd}>Add Item</button>
47
- <ReactCSSTransitionGroup transitionName="example" transitionEnterTimeout={500} transitionLeaveTimeout={300}>
47
+ <ReactCSSTransitionGroup
48
+ transitionName="example"
49
+ transitionEnterTimeout={500}
50
+ transitionLeaveTimeout={300}>
51
{items}
52
</ReactCSSTransitionGroup>
53
</div>
@@ -89,7 +92,10 @@ var TodoList = React.createClass({
92
```javascript{3-5}
93
render: function() {
94
return (
92
- <ReactCSSTransitionGroup transitionName="example" transitionAppear={true} transitionAppearTimeout={500}>
95
+ <ReactCSSTransitionGroup
96
+ transitionName="example"
97
+ transitionAppear={true}
98
+ transitionAppearTimeout={500}>
99
<h1>Fading at Initial Mount</h1>
100
</ReactCSSTransitionGroup>
101
);
@@ -182,7 +188,10 @@ var ImageCarousel = React.createClass({
188
render: function() {
189
return (
190
<div>
185
- <ReactCSSTransitionGroup transitionName="carousel" transitionEnterTimeout={300} transitionLeaveTimeout={300}>
191
+ <ReactCSSTransitionGroup
192
+ transitionName="carousel"
193
+ transitionEnterTimeout={300}
194
+ transitionLeaveTimeout={300}>
195
<img src={this.props.imageSrc} key={this.props.imageSrc} />
196
</ReactCSSTransitionGroup>
197
</div>