Skip to content

docs: useWatch nav 추가 및 api.tsx 데이터 추가 #277

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

Open
minchodang wants to merge 2 commits into
base: master-ko
Choose a base branch
from
Open

docs: useWatch nav 추가 및 api.tsx 데이터 추가 #277

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
ca3fea2
docs: useWatch nav 추가 및 api.tsx 데이터 추가
minchodang Jan 17, 2026
0e92176
chore: prop 병기 제거
minchodang Jan 24, 2026
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
9 changes: 9 additions & 0 deletions src/content/docs/usewatch.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,6 +4,15 @@ description: 입력의 변경을 구독하기 위한 React 훅
sidebar: apiLinks
---

<SelectNav
options={[
{
label: "Watch",
value: "/docs/usewatch/watch",
},
]}
/>

## \</> `useWatch:` <TypeText>`({ control?: Control, name?: string, defaultValue?: unknown, disabled?: boolean }) => object`</TypeText>

`watch` API와 유사하게 동작하지만, 이 훅은 리렌더링을 커스텀 훅 레벨에서 격리하여 애플리케이션의 성능을 향상시킬 수 있습니다.
Expand Down
27 changes: 20 additions & 7 deletions src/data/api.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -268,8 +268,7 @@ const onSubmit = (data) => {
<p>
<b className={typographyStyles.note}>Note:</b> only registered fields
with a <code>ref</code> will work. Custom registered inputs do not
apply. For example:{" "}
<code>{`register('test') // doesn't work`}</code>{" "}
apply. For example: <code>{`register('test') // doesn't work`}</code>{" "}
</p>

<p>
Expand Down Expand Up @@ -2060,8 +2059,7 @@ setValue('notRegisteredInput', { test: '1', test2: '2' }); // ✅ setValue를
타입을 가집니다.
<p>
<b className={typographyStyles.note}>중요: </b>이 동작은
<strong>내장된</strong>{" "}
검증에만 적용됩니다.
<strong>내장된</strong> 검증에만 적용됩니다.
</p>
</p>
</td>
Expand Down Expand Up @@ -2819,9 +2817,9 @@ setValue('notRegisteredInput', { test: '1', test2: '2' }); // ✅ setValue를
<p>
필드 레벨에서 <code>defaultValue</code>를 설정하거나{" "}
<code>useForm</code>의 <code>defaultValues</code>를 사용해야
합니다. <code>undefined</code>는 유효한 값이 아닙니다. {" "}
<code>useForm</code>에서{" "}
<code>defaultValues</code>를 사용했다면, 이 prop은 사용하지 마세요.
합니다. <code>undefined</code>는 유효한 값이 아닙니다.{" "}
<code>useForm</code>에서 <code>defaultValues</code>를
사용했다면, 이 prop은 사용하지 마세요.
</p>
</li>
<li>
Expand All @@ -2834,6 +2832,21 @@ setValue('notRegisteredInput', { test: '1', test2: '2' }); // ✅ setValue를
</ul>
</td>
</tr>
<tr>
<td>
<code>exact</code>
</td>
<td>
<code className={typographyStyles.typeText}>boolean = false</code>
</td>
<td></td>
<td>
<p>
이 속성은 인풋 이름 구독에 대해 정확한 일치를 활성화합니다.
기본값은 <code>true</code>입니다.
</p>
</td>
</tr>
Comment on lines +2835 to +2849
Copy link
Member

@chaaerim chaaerim Jan 24, 2026

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

여기도 속성으로만 표기하면 좋을 것 같습니다!
https://github.com/hamsurang/react-ko-form/pull/272/files 이 pr에서는 api.tsx에서 이 부분만 변경 된 것으로 보이는데 다른 부분 변경된 사항은 어디서 확인할 수 있나요?

Copy link
Member Author

@minchodang minchodang Jan 24, 2026 •
edited
Loading

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

네네 좋습니다.
다른 부분 변경된 사항이라는 말씀이 어떤 의미일까요?
지금 pr 올려 놓은 부분들이 변경 사항 다 각각 올린 것입니다.

</tbody>
),
tips: (
Expand Down