React 将 from 转化为组件

Question

这是我当前的代码：

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/

的帮助下编写表单

但是现在我不知道如何将这段代码变成一个组件以便我可以在任何地方使用。

谁能帮我把这段代码做成组件？

我猜这个问题很业余，但我很抱歉。我很新手。

Answer 1

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

React 将 from 转化为组件

React making a from into component

reactjs

redux

react-material