0

这是我当前的代码：

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/编写一个表单

但是现在我不知道如何将此代码制作成一个组件，以便我可以在任何地方使用。

任何人都可以帮助我将此代码作为组件吗？

我想这个问题很业余，但我很抱歉。我很新反应。

4

1 回答 1

0

我用您的输入创建了演示：https ://codesandbox.io/s/material-ui-2488e 看看 Input.js

于 2019-10-20T17:11:25.397 回答