web-dev-qa-db-ja.com

Material-uiでは、フォームの作成にInput vs. Textfieldをいつ使用しますか?

これは基本的な質問にすぎないかもしれませんが、これまでのところ妥当な説明は見つかりませんでした。私は最近、material-uiの反応と使用の初心者です。フォームを作成するために入力フィールドとテキストフィールドをいつ使用するかについては、明確ではありませんか?

ドキュメントを見ると、TextFieldは、Inputが実行できることのスーパーセットであるように感じられますが、確かではありません。 Material-uiサイトでは、テキストフィールドと入力の両方の例を使用していますが、一方の利点と他方の使用例について説明していません。

提案してください。

10
raghuvd

ほとんどのユースケースでは、デリゲートする下位レベルのコンポーネント(TextFieldなど)ではなくInputを使用する必要があります。

ドキュメントの関連部分はここにあります: https://material-ui.com/demos/text-fields/#components

特にこの行:

TextFieldは、直接利用してフォーム入力を大幅にカスタマイズできる小さなコンポーネント(FormControl、Input、FilledInput、InputLabel、OutlinedInput、およびFormHelperText)で構成されています。

これらの下位レベルのコンポーネントを使用する主な理由は、TextFieldを使用してサポートされていない方法でフォーム入力をカスタマイズする必要がある場合です。

11
Ryan Cogswell