Skip to content

docs: remove ref guide about react18 #1140

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 2 commits into from
Feb 18, 2025
Merged

docs: remove ref guide about react18 #1140

Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
2ed1eb8
docs: renove ref guide about react18
nayounsang Feb 18, 2025
ae1ec1c
docs: change sentence to active voice
nayounsang Feb 18, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
8 changes: 2 additions & 6 deletions src/content/reference/react/useRef.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -556,9 +556,7 @@ return <MyInput ref={inputRef} />;

<ConsoleBlock level="error">

경고: 함수 컴포넌트에는 ref를 지정할 수 없습니다. 이 ref에 접근하려는 시도는 실패합니다. React.forwardRef()를 사용하려고 하셨나요?

TypeError: Cannot read properties of null {/*TODO*/}
TypeError: Cannot read properties of null

</ConsoleBlock>

Expand All @@ -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 }) {
Expand Down
Loading