Skip to content

Commit 54b3973

Browse files
committed
fix: add missing import in use-page-state-coupling example
1 parent 8384b55 commit 54b3973

File tree

4 files changed

+20
-4
lines changed

4 files changed

+20
-4
lines changed

fundamentals/code-quality/code/examples/use-page-state-coupling.md

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -78,7 +78,11 @@ export function usePageState() {
7878
다음 코드와 같이 각각의 쿼리 파라미터별로 별도의 Hook을 작성할 수 있어요.
7979

8080
```typescript
81-
import { useQueryParam } from "use-query-params";
81+
import { useCallback } from "react";
82+
import {
83+
NumberParam,
84+
useQueryParam
85+
} from "use-query-params";
8286

8387
export function useCardIdQueryParam() {
8488
const [cardId, _setCardId] = useQueryParam("cardId", NumberParam);

fundamentals/code-quality/en/code/examples/use-page-state-coupling.md

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -78,7 +78,11 @@ This hook can also be analyzed from a [readability](./use-page-state-readability
7878
You can create separate hooks for each query parameter, as shown in the following code.
7979

8080
```typescript
81-
import { useQueryParam } from "use-query-params";
81+
import { useCallback } from "react";
82+
import {
83+
NumberParam,
84+
useQueryParam
85+
} from "use-query-params";
8286

8387
export function useCardIdQueryParam() {
8488
const [cardId, _setCardId] = useQueryParam("cardId", NumberParam);

fundamentals/code-quality/ja/code/examples/use-page-state-coupling.md

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -79,7 +79,11 @@ export function usePageState() {
7979
次のコードのように、各クエリパラメータごとに別々のHookを作成することができます。
8080

8181
```typescript
82-
import { useQueryParam } from "use-query-params";
82+
import { useCallback } from "react";
83+
import {
84+
NumberParam,
85+
useQueryParam
86+
} from "use-query-params";
8387

8488
export function useCardIdQueryParam() {
8589
const [cardId, _setCardId] = useQueryParam("cardId", NumberParam);

fundamentals/code-quality/zh-hans/code/examples/use-page-state-coupling.md

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -78,7 +78,11 @@ export function usePageState() {
7878
可以像下列代码一样,将每个查询参数分别编写单独的 Hook。
7979

8080
```typescript
81-
import { useQueryParam } from "use-query-params";
81+
import { useCallback } from "react";
82+
import {
83+
NumberParam,
84+
useQueryParam
85+
} from "use-query-params";
8286

8387
export function useCardIdQueryParam() {
8488
const [cardId, _setCardId] = useQueryParam("cardId", NumberParam);

0 commit comments

Comments
 (0)