Hacktoberfest 2026:メンテナが10月に向けて印を付けた、オープンで初心者向けの issue。 Hacktoberfest の issue を見る

Add file serialization support to the `form` component / `use_form_data` hook

オープン
#60 コメント 0 件 リアクション 0 件 担当者 0 名 GitHub で見る

まだ誰も着手していません。

評価

難易度
5/5
見積もり時間
1週間以上
初心者へのやさしさ
35/100
issue の種類
機能追加
明瞭さ
説明が足りない
活発さ
活発
技術スタック
python
領域
frontend

調査の方向性

Start with the form component and use_form_data hook, using PR #58 and the original feature in #7 for context. Resolve whether file fields use metadata, multipart upload, or both before implementing. Done means mixed file and regular fields serialize without a reload, the behavior is tested, and documentation is updated.

索引モデルが issue の本文から書いたものです。

説明

Description

Follow-up to #58 (the form component and use_form_data hook, which closed #7).

The form component's client-side interception currently serializes non-file fields only. File inputs (<input type="file">) are silently excluded because the submission handler iterates FormData entries and calls .toString() on each value, which for File objects yields [object File] and loses the file content.

The PR description for #58 explicitly deferred this:

Non-file fields only; file serialization is deferred.

Proposed scope

Support forms that contain file inputs, matching how the current behavior treats other input types. Possible options to evaluate:

  • Include file metadata (name, size, type, lastModified) in the serialized form data, without uploading file content — useful for validation/UI feedback on the server.
  • Defer file content upload to a separate multipart POST when the form is submitted, integrating with the router's navigation model.
  • Combination: send metadata for a GET-style/pushState navigation while supporting an optional file payload.

Acceptance criteria

  • Defining a form with one or more <input type="file"> fields does not break serialization of the other fields.
  • File fields are represented in the use_form_data() output in a well-defined way (currently undocumented behavior).
  • No full page reload occurs on submit of a form with file inputs (consistent with #58).
  • A test covers a form that mixes file inputs with regular fields.
  • Documentation updated for file-field behaviour.

Related

  • PR: #58
  • Original feature: #7
主要言語
Python
スター
15
フォーク
9
平均マージ
9時間 57分
マージ済み PR(30日)
2

コントリビューションガイド

このリポジトリのコントリビューションガイドは索引されていません

はじめの一歩

  1. issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
  2. 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
  3. リポジトリをフォークし、ブランチを切って変更します。
  4. issue 番号を参照したプルリクエストを送ります。

reactive-python/reactpy-router のほかの issue

reactive-python/reactpy-router の issue をすべて見る

似ている issue

Python の issue をもっと見る

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。