Update components-and-props.md
fb indent style
Christopher Chedeau committed
Oct 21, 2016 at 18:30 UTC
4812f2691535e129fde25aefcbfb14b723518566
1 file changed
+7
-5
docs/docs/components-and-props.md
+7
-5
@@ -133,8 +133,9 @@ function Comment(props) {
133
<div className="Comment">
134
<div className="UserInfo">
135
<img className="Avatar"
136
- src={props.author.avatarUrl}
137
- alt={props.author.name} />
136
+ src={props.author.avatarUrl}
137
+ alt={props.author.name}
138
+ />
139
<div className="UserInfo-name">
140
{props.author.name}
141
</div>
@@ -158,12 +159,13 @@ This component can be tricky to change because of all the nesting, and it is als
159
160
First, we will extract `Avatar`:
161
161
-```js{3-5}
162
+```js{3-6}
163
function Avatar(props) {
164
return (
165
<img className="Avatar"
165
- src={props.user.avatarUrl}
166
- alt={props.user.name} />
166
+ src={props.user.avatarUrl}
167
+ alt={props.user.name}
168
+ />
169
);
170
}
171
```