From 2ed1eb8cb7c2a5ae7b3859f81020ee9ee8522878 Mon Sep 17 00:00:00 2001 From: nayounsang Date: Tue, 18 Feb 2025 20:04:43 +0900 Subject: [PATCH 1/2] docs: renove ref guide about react18 --- src/content/reference/react/useRef.md | 8 ++------ 1 file changed, 2 insertions(+), 6 deletions(-) diff --git a/src/content/reference/react/useRef.md b/src/content/reference/react/useRef.md index c2566c200..0e95fe92d 100644 --- a/src/content/reference/react/useRef.md +++ b/src/content/reference/react/useRef.md @@ -556,9 +556,7 @@ return ; -경고: 함수 컴포넌트에는 ref를 지정할 수 없습니다. 이 ref에 접근하려는 시도는 실패합니다. React.forwardRef()를 사용하려고 하셨나요? - -TypeError: Cannot read properties of null {/*TODO*/} +TypeError: Cannot read properties of null @@ -577,9 +575,7 @@ export default function MyInput({ value, onChange }) { } ``` -그런 다음 아래와 같이 [`forwardRef`](/reference/react/forwardRef)로 감싸세요. - -And then add `ref` to the list of props your component accepts and pass `ref` as a prop to the relevent child [built-in component](/reference/react-dom/components/common) like this: {/*TODO*/} +그리고 `ref`를 컴포넌트가 받아들이는 props 목록에 추가한 뒤, 아래처럼 해당 자식 [내장 컴포넌트](/reference/react-dom/components/common)에 prop으로 `ref`를 전달하세요. ```js {1,6} function MyInput({ value, onChange, ref }) { From ae1ec1c461a6810d90cacaf2487e0279aa77dd59 Mon Sep 17 00:00:00 2001 From: nayounsang Date: Tue, 18 Feb 2025 20:12:11 +0900 Subject: [PATCH 2/2] docs: change sentence to active voice --- src/content/reference/react/useRef.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/content/reference/react/useRef.md b/src/content/reference/react/useRef.md index 0e95fe92d..3b468abc1 100644 --- a/src/content/reference/react/useRef.md +++ b/src/content/reference/react/useRef.md @@ -575,7 +575,7 @@ export default function MyInput({ value, onChange }) { } ``` -그리고 `ref`를 컴포넌트가 받아들이는 props 목록에 추가한 뒤, 아래처럼 해당 자식 [내장 컴포넌트](/reference/react-dom/components/common)에 prop으로 `ref`를 전달하세요. +그리고 `ref`를 컴포넌트가 받는 props 목록에 추가한 뒤, 아래처럼 해당 자식 [내장 컴포넌트](/reference/react-dom/components/common)에 prop으로 `ref`를 전달하세요. ```js {1,6} function MyInput({ value, onChange, ref }) {