fix(DropZone): ドラッグ＆ドロップ時に選択したファイルがFormDataに格納されるようにした #4964
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: |
hiroki0525
requested review from
AtsushiM and
atzzCokeK
and removed request for
a team
|
(めちゃくちゃ些細なPRタイトルの話なのですが、Conventional commitsではスコープを型の後ろに |
| @@ -86,6 +86,9 @@ export const DropZone = forwardRef<HTMLInputElement, DropZoneProps & ElementProp | |||
| overrideEventDefault(e) | |||
| setFilesDraggedOver(false) | |||
| onSelectFiles(e, e.dataTransfer.files) | |||
| if (fileRef.current) { | |||
| fileRef.current.files = e.dataTransfer.files | |||
| } | |||
There was a problem hiding this comment.
良さそうに見える。これまで問題になってなかったてことは、現状のユースケースだと onSelectFiles で State で受け取ってる感じなんですかねぇ。
form から直接やりたいってのは server action 用途とかなんでしょうか？
There was a problem hiding this comment.
form から直接やりたいってのは server action 用途
ですね！
現状のユースケースだと onSelectFiles で State で受け取ってる感じ
たぶんそんな感じですかねー
そもそもファイルをアップロードするケースがあんまり少ないのかもしれませんが
hiroki0525
changed the title
s-sasaki-0529
approved these changes
Oct 1, 2024
|
大丈夫と信じてマージします！ |
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
概要
DropZoneコンポーネントで、ドラッグ＆ドロップで選択されたファイルがinputタグのDOMに格納されず、formで送信した際に意図したファイルがFormDataオブジェクトに格納されない問題がありました。変更内容
DropZoneコンポーネントで、ドラッグ＆ドロップで選択されたファイルがinputタグのDOMにデータが格納されるようにした。確認方法
pnpm add https://pkg.pr.new/kufu/smarthr-ui@4964で変更したパッケージをインストールし、DropZoneでファイルをドラッグ＆ドロップしてからformをsubmitして正常に選択したファイルが送信されていること。