最初の入力フィールドに焦点を当てる方法 - レデュークスフォーム

Question

フォーカスを当てるフォームの最初の入力フィールドを設定しようとしています。では、このようなことを実装するベストプラクティスは何ですか？そして、どのようにフィールドのタイプをチェックできますか？テキスト、数字、チェックボックスなどですか？

@redux-formアクションを聞いてフォーカス操作をディスパッチしていますか？

解決策を提案する人はいますか？

Answer 1

リアクトドキュメントでこの正確なユースケースの偉大な例があります：

Answer 2

あなたはあなたには良いしないだろうステートレス機能部品、参考文献を使用したい場合https://facebook.github.io/react/docs/refs-and-the-dom.html。 私の解決策は、最初の= {true}小道具をFieldに渡し、それをコンポーネント内でチェックすることです。入力フィールドにautoFocusを設定します。

Answer 3

私はReduxのフォーム（V6 +）のために当該技術分野の現在の状態はAutoを集中することを希望<input />ためautoFocusプロパティを提供することであると思います。

例：

<Field component={renderFirstInput} type="text" /> 

const renderFirstInput = field => { 
    return (<input {...field.input} autoFocus />) 

} 

Here is the Github issue link

もちろんfield.inputキーとしてautoFocus小道具を提供することができます。