chore: useId 関数を削除する #4926
Merged
chore: useId 関数を削除する #4926
Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
commit: |
s-sasaki-0529
commented
Sep 17, 2024
| @@ -119,7 +119,8 @@ export const CheckBox = forwardRef<HTMLInputElement, Props>( | |||
| } | |||
| }, [checked, mixed]) | |||
|
|
|||
| const checkBoxId = useId(props.id) | |||
| const defaultId = useId() | |||
| const checkBoxId = props.id || defaultId | |||
There was a problem hiding this comment.
Hooks は条件分岐の中に入れることができないので
checkBoxId = props.id || useId()と書くことはできません。
ので条件の外で一時変数が必要になるんですが、これを考えると独自実装の useId も便利だったなぁという気はちょっとしました。
s-sasaki-0529
commented
Sep 17, 2024
| import { tv } from 'tailwind-variants' | ||
|
|
||
| import { useId } from '../../hooks/useId' |
There was a problem hiding this comment.
独自実装の useId を使用している箇所を、すべて React 組み込みの方を参照するように修正してます。
s-sasaki-0529
requested review from
moshisora and
nabeliwo
and removed request for
a team
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
関連URL
概要
前回PRでは独自実装の
useIdの部分から、React 17 互換のための機能を廃止し、React 18 未満のサポートを終了した。本PRでは残作業として、
useId自体を削除し、利用しているコンポーネント側に責務を移動した。変更内容
useIdを削除useIdを使用するように差し替え確認方法
useId を使用しているコンポーネントにて、id が適切に割り振られていることが確認できればOKです。
いくつかのコンポーネントで、デフォ値を指定した場合、しない場合それぞれで id が意図通りに設定されていることは確認しました。(こういうのは単体テストでカバーしたいので整理していきたい)
備考
独自実装の
useIdは内部向けの Hooks で、パッケージ外に公開していない (index から export していない) ため、破壊的変更扱いにはせず、choreとしています。