問題タブ [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.

0 投票する
1 に答える
2275 参照

reactjs - react-final-form でカスタム フィールドを作成するにはどうすればよいですか?

ボタン1またはボタン2のクリックに応じてオン/オフが切り替わるフォームにboolプロパティを追加しようとしています。

ローカルセットアップでこのコードサンドボックスを実行すると、react setState エラーが発生しますが、最初のクリックでのみ発生します。

Warning: Can't call setState on a component that is not yet mounted.

input.onChange の呼び出しが想定されていないためだと思います。カスタム入力を実現する最良の方法は何ですか?

0 投票する
1 に答える
1240 参照

reactjs - テキストを大文字に変換するミューテーター

ユーザーがテキストフィールドにテキストを入力するとすぐに、ミューテーターを実装してテキストを大文字に変換するさまざまな方法を試しました。しかし、まだ成功していません。エリックが提供したは正しいようですが、何かが足りないかもしれません。

値が定義されていないためtoUpperCase、値を呼び出すとエラーがスローされます。valueどんな助けにも本当に感謝します!

更新: 2018 年 10 月 27 日

この問題を解決するために、パーサーも使用できることに気付きました。

ミューテーターがどのように機能するか、および私のコードのエラーは何かをまだ探しています。

試行済み: 既存のフィールドに基づいて状態を変更する

外部ユーザー アクションからフィールド値を設定/変更する方法

0 投票する
0 に答える
62 参照

reactjs - 最終フォームは、配列値内の位置に設定オブジェクトを計算します

たとえば、ユーザーが「ホンダ」と入力すると、{make: 'Honda', id: 5, year: '2012'} などの一致する DB 値が取得されます。 API からの応答を取得したときにフィールド値を設定したいと考えています。

次の代わりに可能ですか

次のような値を設定します。

0 投票する
1 に答える
4057 参照

reactjs - Final form 配列フィールドの非同期検証

async validation を実装しようとしていますreact-final-form-array。しかし、約束を返しますが、エラーはまったく表示されません。

このコードを asnyc validate で参照し、最終フォーム配列hereを使用して独自のバージョンを作成しました。

形:

関数の検証:

0 投票する
1 に答える
128 参照

reactjs - サブスクリプション プロパティを渡すと、React Final Form ウィザードが登録済みフィールドを失う

React Final Form で少し奇妙な問題が発生しています。ドキュメントのウィザード パターンを使用しています。フォームにa を渡すとsubscription、前のステップのフィールドのみが登録済みとして表示されます。a を渡さないとsubscription、すべてのステップのすべてのフィールドが登録されます。これが必要です。

登録したすべてのフィールドを元に戻すには、別の状態に登録する必要がありますか?