问题
Maybe this is just a basic question, but so far have not found any reasonable explanation. I am a beginner in react and using material-ui very recently. I am not very clear on when to use an Input vs. Textfield for building a form?
Looking at documentation, it feels like TextField is a superset of what Input can do, but not sure. Material-ui site uses examples for text field and input both, without stating benefits of one over the other and any use cases.
Please suggest.
回答1:
For most use cases, you should use TextField rather than the lower-level components that it delegates to (such as Input).
The relevant part of the documentation is here: https://material-ui.com/demos/text-fields/#components.
Particularly this line:
TextField is composed of smaller components ( FormControl, Input, FilledInput, InputLabel, OutlinedInput, and FormHelperText ) that you can leverage directly to significantly customize your form inputs.
The main reason to use these lower-level components is if you need to customize your form input in some way that isn't supported using TextField.
来源：https://stackoverflow.com/questions/56122219/in-material-ui-when-do-we-use-input-vs-textfield-for-building-a-form