Skip to content

Commit 6ccaed1

Browse files
authored
Revert "Translate : useCallback" (#668)
1 parent 06352a4 commit 6ccaed1

File tree

1 file changed

+5
-5
lines changed

1 file changed

+5
-5
lines changed

src/content/reference/react/useCallback.md

+5-5
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@ title: useCallback
44

55
<Intro>
66

7-
`useCallback`은 리렌더링 사이에 함수 정의를 캐시할 수 있게 해주는 React 훅입니다.
7+
`useCallback` is a React Hook that lets you cache a function definition between re-renders.
88

99
```js
1010
const cachedFn = useCallback(fn, dependencies)
@@ -16,11 +16,11 @@ const cachedFn = useCallback(fn, dependencies)
1616

1717
---
1818

19-
## 레퍼런스 {/*reference*/}
19+
## Reference {/*reference*/}
2020

2121
### `useCallback(fn, dependencies)` {/*usecallback*/}
2222

23-
컴포넌트의 최상위 레벨에서 useCallback을 호출하여 리렌더링 간 함수 선언하세요.
23+
Call `useCallback` at the top level of your component to cache a function definition between re-renders:
2424

2525
```js {4,9}
2626
import { useCallback } from 'react';
@@ -36,9 +36,9 @@ export default function ProductPage({ productId, referrer, theme }) {
3636
3737
[See more examples below.](#usage)
3838
39-
#### 매개변수 {/*parameters*/}
39+
#### Parameters {/*parameters*/}
4040
41-
* `fn`: 캐시하려는 함수입니다. 이 함수는 아무 인자나 받을 수 있고, 아무 값이나 반환할 수 있습니다. React는 초기 렌더링 중에 함수를 반환(호출하지 않음)합니다. 이후 렌더링할 때 `dependencies`가 마지막 렌더링 이후 변경되지 않은 경우 React는 동일한 함수를 다시 반환합니다. 변경되었다면, React는 현재 렌더링 중에 전달한 함수를 반환하고 나중에 재사용할 수 있는지 확인하기 위해 저장합니다. React는 함수를 호출하지 않습니다. 함수는 호출 시점과 여부를 직접 결정할 수 있도록 반환됩니다.
41+
* `fn`: The function value that you want to cache. It can take any arguments and return any values. React will return (not call!) your function back to you during the initial render. On next renders, React will give you the same function again if the `dependencies` have not changed since the last render. Otherwise, it will give you the function that you have passed during the current render, and store it in case it can be reused later. React will not call your function. The function is returned to you so you can decide when and whether to call it.
4242
4343
* `dependencies`: The list of all reactive values referenced inside of the `fn` code. Reactive values include props, state, and all the variables and functions declared directly inside your component body. If your linter is [configured for React](/learn/editor-setup#linting), it will verify that every reactive value is correctly specified as a dependency. The list of dependencies must have a constant number of items and be written inline like `[dep1, dep2, dep3]`. React will compare each dependency with its previous value using the [`Object.is`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/is) comparison algorithm.
4444

0 commit comments

Comments
 (0)