File tree Expand file tree Collapse file tree 1 file changed +3
-3
lines changed Expand file tree Collapse file tree 1 file changed +3
-3
lines changed Original file line number Diff line number Diff line change @@ -71,7 +71,7 @@ function UserList() {
71
71
export default UserList ;
72
72
```
73
73
74
- 그런데, 재사용되는 코드를 일일히 넣는게 별로 좋지 않으니, 컴포넌트를 재사용 할 수 있도록 새로 만들어주겠습니다.
74
+ 그런데, 재사용되는 코드를 일일이 넣는게 별로 좋지 않으니, 컴포넌트를 재사용 할 수 있도록 새로 만들어주겠습니다.
75
75
76
76
참고로, 한 파일에 여러개의 컴포넌트를 선언해도 괜찮습니다.
77
77
@@ -179,7 +179,7 @@ export default UserList;
179
179
180
180
![ ] ( https://i.imgur.com/xbYuPhH.png )
181
181
182
- 리액트에서 배열을 렌더링 할 때에는 ` key ` 라는 props 를 설정해야합니다. ` key ` 값은 각 원소들마다 가지고 있는 고유값으로 설정을 해야합니다. 지금의 경우엔 ` id ` 가 고유 값이지요 .
182
+ 리액트에서 배열을 렌더링 할 때에는 ` key ` 라는 props 를 설정해야합니다. ` key ` 값은 각 원소들마다 가지고 있는 고유값으로 설정을 해야합니다. 지금의 경우엔 ` id ` 가 고유값 이지요 .
183
183
184
184
#### UserList.js
185
185
@@ -259,7 +259,7 @@ array.map(item => <div>{item}</div>);
259
259
260
260
비효율적이지요? 하지만, ` key ` 가 있다면 이 작업은 개선됩니다.
261
261
262
- 객체에 다음과 같이 ` key ` 로 사용 할 수 있는 고유 값이 있고
262
+ 객체에 다음과 같이 ` key ` 로 사용 할 수 있는 고유값이 있고
263
263
264
264
``` javascript
265
265
[
You can’t perform that action at this time.
0 commit comments