Skip to content

Commit 2e8c873

Browse files
docs: translate missing useId cache key warning (#1543)
<!-- PR을 보내주셔서 감사합니다! 여러분과 같은 기여자들이 React를 더욱 멋지게 만듭니다! 기존 이슈와 관련된 PR이라면, 아래에 이슈 번호를 추가해주세요. --> # <!-- 제목을 작성해주세요. --> 원문에서 누락된 문장 변역 후 추가 <!-- 어떤 종류의 PR인지 상세 내용을 작성해주세요. --> ### 원문 공식문서 <img width="958" height="294" alt="image" src="https://github.com/user-attachments/assets/f86cb7fc-2bcf-4547-9973-6d8d7d11f9d2" /> ### 한글 공식문서 <img width="942" height="220" alt="image" src="https://github.com/user-attachments/assets/5d0065f4-4a99-4058-801d-e5105e5ac14a" /> 원문에서 두 번째 리스트의 문장이 누락되어 해당 문장을 번역 후 추가하였습니다. <img width="531" height="92" alt="image" src="https://github.com/user-attachments/assets/e405a8d0-1252-40f2-a9d7-e75dfe066bf2" /> ## 필수 확인 사항 - [x] [기여자 행동 강령 규약<sup>Code of Conduct</sup>](https://github.com/reactjs/ko.react.dev/blob/main/CODE_OF_CONDUCT.md) - [x] [기여 가이드라인<sup>Contributing</sup>](https://github.com/reactjs/ko.react.dev/blob/main/CONTRIBUTING.md) - [x] [공통 스타일 가이드<sup>Universal Style Guide</sup>](https://github.com/reactjs/ko.react.dev/blob/main/wiki/universal-style-guide.md) - [x] [번역을 위한 모범 사례<sup>Best Practices for Translation</sup>](https://github.com/reactjs/ko.react.dev/blob/main/wiki/best-practices-for-translation.md) - [x] [번역 용어 정리<sup>Translate Glossary</sup>](https://github.com/reactjs/ko.react.dev/blob/main/wiki/translate-glossary.md) - [x] [`textlint` 가이드<sup>Textlint Guide</sup>](https://github.com/reactjs/ko.react.dev/blob/main/wiki/textlint-guide.md) - [x] [맞춤법 검사<sup>Spelling Check</sup>](https://nara-speller.co.kr/speller/) ## 선택 확인 사항 - [ ] 번역 초안 작성<sup>Draft Translation</sup> - [ ] 리뷰 반영<sup>Resolve Reviews</sup> --------- Co-authored-by: lumir <yonghyeon0324@gmail.com>
1 parent dabd21b commit 2e8c873

1 file changed

Lines changed: 2 additions & 0 deletions

File tree

src/content/reference/react/useId.md

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -44,6 +44,8 @@ function PasswordField() {
4444
4545
* `useId`는 Hook이므로 **컴포넌트의 최상위** 또는 커스텀 Hook에서만 호출할 수 있습니다. 반복문이나 조건문에서는 사용할 수 없습니다. 필요한 경우 새로운 컴포넌트를 추출하고 해당 컴포넌트로 state를 이동해서 사용할 수 있습니다.
4646
47+
* `useId`는 [`use()`](/reference/react/use)의 **캐시 키를 생성하는 데 사용하면 안 됩니다.** 컴포넌트가 마운트된 동안에는 ID가 안정적으로 유지되지만, 렌더링 과정에서 변경될 수 있습니다. 캐시 키는 실제 데이터를 기반으로 생성해야 합니다.
48+
4749
* `useId`를 리스트의 **key를 생성하기 위해 사용하면 안 됩니다**. [Key는 데이터로부터 생성해야 합니다.](/learn/rendering-lists#where-to-get-your-key)
4850
4951
* `useId`는 현재 [비동기 서버 컴포넌트](/reference/rsc/server-components#async-components-with-server-components)에서 사용할 수 없습니다.

0 commit comments

Comments
 (0)