Это мой текущий код:
import React from 'react';
import { makeStyles } from '@material-ui/core/styles';
import Input from '@material-ui/core/Input';
const useStyles = makeStyles(theme => ({
container: {
display: 'flex',
flexWrap: 'wrap',
},
input: {
margin: theme.spacing(1),
},
}));
export default function Inputs() {
const classes = useStyles();
return (
<div className={classes.container}>
<Input
defaultValue="Error"
className={classes.input}
error
inputProps={{
'aria-label': 'description',
}}
/>
</div>
);
}
Я учусь реагировать и очень новичок здесь, сейчас я пишу форму с помощью https://material -ui.com / components / text-fields /
Но сейчас я не понимаю, как превратить этот код в компонент, чтобы его можно было использовать везде.
Может ли кто-нибудь помочь мне сделать этот код как компонент?
Я думаю, эта проблема очень любительская, но я прошу прощения за это. Я очень новичок, чтобы реагировать.