問題タブ [final-form]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
reactjs - react-final-form を使用しているときに入力フィールドにオートフォーカスを設定するにはどうすればよいですか?
を使用してフォームを作成しましたreact-final-form
。オートフォーカスが機能していません。私が知っている唯一の解決策はref
、React の機能を使用することです。react-final-form
ライブラリを使用して入力をオートフォーカスできますか?
react-final-form - 自動「for」と「id」
コンポーネントがシングルトンであると想定できないためhtmlFor
、ラベルとフィールドへの付与を自動的に処理しようとしています。以下では、最初のレンダリング時にフォームの一意の ID をメモするためにuseMemo
、lodash を使用しています。uniqueId
IDをuseMemo
再計算しないように、2 番目の引数として空の配列を指定する必要がありました。でこれを処理する自動化された方法はありfinal-form
ますか?
javascript - 反応最終フォームでネストされたフィールド名機能を無効にする方法はありますか?
反応最終フォームのドキュメントはこちらをご覧ください
私は明らかに最終的なフォームに反応するフォームに取り組んでいます。フォーム コンポーネントでは、API サーバーからデータをフェッチしており、応答本文には次のような内容が含まれています。
ご覧のとおり、 には 4 つの異なるキーと値のペアがありconfigs
ます。反応最終フォームは and のような値を表示できますname
が、キーにドット -> があるため、andvalue
のような値は表示できません。display.name
read.only
.
これらのドット ( .
) をアンダースコアのようなものに変更でき、それが機能することはわかっています。しかし問題は、バックエンドの開発者が、.
キー名を区切るためにドット ( ) を使用することはバックエンドでは非常に一般的であるため、ドットを他の区切り記号に置き換えることはできないと言っていることです。
現在、フロントエンドでこれらのセパレーターをアンダースコアに置き換えていますが、そのロジックはいたるところにあり、これを解決するためのより良い方法があるはずです。ありがとう!