From 562fdf0e1325538f52d084beb616257007f1549e Mon Sep 17 00:00:00 2001 From: minchodang Date: Fri, 27 Sep 2024 23:43:47 +0900 Subject: [PATCH] Docs: unregister.mdx --- src/content/docs/useform/unregister.mdx | 34 ++++++++++++------------- 1 file changed, 17 insertions(+), 17 deletions(-) diff --git a/src/content/docs/useform/unregister.mdx b/src/content/docs/useform/unregister.mdx index c1e7b3ba..64150527 100644 --- a/src/content/docs/useform/unregister.mdx +++ b/src/content/docs/useform/unregister.mdx @@ -1,18 +1,18 @@ --- title: unregister -description: Unregister uncontrolled/controlled inputs +description: 비제어, 제어 input Unregister sidebar: apiLinks --- ## \ `unregister:` (name: string | string[], options) => void -This method allows you to `unregister` a single input or an array of inputs. It also provides a second optional argument to keep state after unregistering an input. +이 메서드를 사용하면 단일 input 또는 input 배열을 `unregister`할 수 있습니다. 또한 input을 unregister한 후 상태를 유지하기 위한 두 번째 선택적 인수를 제공합니다. ### Props --- -The example below shows what to expect when you invoke the `unregister` method. +아래 예시는 `unregister` 메서드를 호출할 때 예상되는 상황을 보여줍니다. ```javascript @@ -29,19 +29,19 @@ The example below shows what to expect when you invoke the `unregister` method. --- -| Name | Type | Description | -| ------------------ | ---------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -| `keepDirty` | boolean | `isDirty` and `dirtyFields` will be remained during this action. However, this is not going to guarantee the next user input will not update `isDirty` formState, because `isDirty` is measured against the `defaultValues`. | -| `keepTouched` | boolean | `touchedFields` will no longer remove that input after unregister. | -| `keepIsValid` | boolean | `isValid` will be remained during this action. However, this is not going to guarantee the next user input will not update `isValid` for schema validation, you will have to adjust the schema according with the unregister. | -| `keepError` | boolean | `errors` will not be updated. | -| `keepValue` | boolean | input's current `value` will not be updated. | -| `keepDefaultValue` | boolean | input's `defaultValue` which defined in `useForm` will be remained. | +| Name | Type | Description | +| ------------------ | ---------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | +| `keepDirty` | boolean | 이 작업을 수행하는 동안 `isDirty`와 `dirtyFields`는 유지됩니다. 그러나 `isDirty`는 `defaultValues`에 대해 측정되기 때문에 다음 사용자 입력이 `isDirty` formState를 업데이트하지 않는다고 보장하지는 않습니다. | +| `keepTouched` | boolean | `touchedFields`는 unregister후 더 이상 해당 입력을 제거하지 않습니다. | +| `keepIsValid` | boolean | 이 작업 중에는 `isValid`가 유지됩니다. 그러나 다음 사용자 입력이 스키마 유효성 검사를 위해 `isValid`를 업데이트하지 않는다고 보장하지는 않으므로 unregister에 따라 스키마를 조정해야 합니다. | +| `keepError` | boolean | `errors`가 업데이트되지 않습니다. | +| `keepValue` | boolean | input의 현재 `value`는 업데이트되지 않습니다. | +| `keepDefaultValue` | boolean | `useForm`에 정의된 input의 `defaultValue`는 그대로 유지됩니다. | -- This method will remove input reference and its value, which means **built-in validation** rules will be removed as well. -- By `unregister` an input, it will not affect the schema validation. +- 이 방법을 사용하면 input 참조와 해당 값이 제거되므로 **내장 유효성 검사** 규칙도 제거됩니다. +- input을 'unregister'하면 스키마 유효성 검사에 영향을 미치지 않습니다. ```javascript const schema = yup @@ -51,17 +51,17 @@ The example below shows what to expect when you invoke the `unregister` method. }) .required() - unregister("firstName") // this will not remove the validation against firstName input + unregister("firstName") // 이 경우 firstName input에 대한 유효성 검사는 제거되지 않습니다. ``` -- Make sure you unmount that input which has `register` callback or else the input will get registered again. +- `register` 콜백이 있는 입력은 반드시 unmount해야 하며, 그렇지 않으면 입력이 다시 register됩니다. ```javascript const [show, setShow] = React.useState(true) const onClick = () => { unregister("test") - setShow(false) // make sure to unmount that input so register not invoked again. + setShow(false) // register가 다시 호출되지 않도록 해당 입력을 unmount해야 합니다. } { @@ -71,7 +71,7 @@ The example below shows what to expect when you invoke the `unregister` method. -**Examples:** +**예제:** ---