Skip to content

Commit f1437df

Browse files
committed
docs: remove unnecessary or speculative expressions and align line break with original
1 parent 1f17c69 commit f1437df

File tree

1 file changed

+4
-4
lines changed

1 file changed

+4
-4
lines changed

src/content/learn/preserving-and-resetting-state.md

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -475,9 +475,9 @@ label {
475475

476476
</Sandpack>
477477

478-
체크 박스를 선택할 때 state가 초기화될 거라고 생각했을 수도 있지만 그렇지 않습니다! **`<Counter />` 태그가 같은 위치에 렌더링되기** 때문이죠. React는 함수 안 어디에 조건문이 있는지 모릅니다. React는 당신이 반환하는 트리만 "봅니다". 두 상황에서 `App` 컴포넌트는 `<Counter />`를 첫 번째 자식으로 가진 `<div>`를 반환합니다. 이것이 React가 두 `<Counter />`_같은_ 것으로 보는 이유입니다.
478+
체크 박스를 선택할 때 state가 초기화될 거라고 생각했을 수도 있지만 그렇지 않습니다! **`<Counter />` 태그가 같은 위치에 렌더링되기** 때문이죠. React는 함수 안 어디에 조건문이 있는지 모릅니다. React는 당신이 반환하는 트리만 "봅니다".
479479

480-
그들이 같은 "주소"를 갖는다고 생각할 수도 있습니다. root의 첫 번째 자식의 첫 번째 자식으로요. 이것이 당신이 어떻게 로직을 만들었는지와 상관없이 React가 이전과 다음 렌더링 사이에 컴포넌트를 맞추는 방법입니다.
480+
두 상황에서 `App` 컴포넌트는 `<Counter />`를 첫 번째 자식으로 가진 `<div>`를 반환합니다. React에서는 이 두 카운터가 동일한 "주소"를 가집니다. root의 첫 번째 자식의 첫 번째 자식으로요. 이것이 당신이 어떻게 로직을 만들었는지와 상관없이 React가 이전과 다음 렌더링 사이에 컴포넌트를 맞추는 방법입니다.
481481

482482
</Pitfall>
483483

@@ -560,7 +560,7 @@ label {
560560

561561
</Sandpack>
562562

563-
여기서 당신은 같은 자리의 _다른_ 컴포넌트 타입으로 바꿉니다. 처음에는 `<div>``Counter`를 갖고 있습니다. 하지만 `p`로 바꾸면 React는 UI 트리에서 `Counter`와 그 state를 제거합니다.
563+
여기서 같은 자리의 _다른_ 컴포넌트 타입으로 바꿉니다. 처음에는 `<div>``Counter`를 갖고 있습니다. 하지만 `p`로 바꾸면 React는 UI 트리에서 `Counter`와 그 state를 제거합니다.
564564

565565
<DiagramGroup>
566566

@@ -2082,7 +2082,7 @@ button {
20822082
<li key={i}>
20832083
```
20842084
2085-
하지만 우리는 state가 _각 특정 연락처_와 연관되기를 바랍니다.
2085+
하지만 state가 _각 특정 연락처_와 연관되기를 바랍니다.
20862086
20872087
대신 연락처 ID를 `key`로 사용해서 문제를 해결할 수 있습니다.
20882088

0 commit comments

Comments
 (0)