Реакция превращения из в компонент - PullRequest
0 голосов
/ 20 октября 2019

Это мой текущий код:

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 /

Но сейчас я не понимаю, как превратить этот код в компонент, чтобы его можно было использовать везде.

Может ли кто-нибудь помочь мне сделать этот код как компонент?

Я думаю, эта проблема очень любительская, но я прошу прощения за это. Я очень новичок, чтобы реагировать.

1 Ответ

0 голосов
/ 20 октября 2019

Я создал демо с вашим вводом: https://codesandbox.io/s/material-ui-2488e посмотрите на Input.js

...