reactjs - 使用材质框架在渲染中编写类时显示错误

Question

我是打字稿的新手，我无法弄清楚如何使用打字稿在组件中提供类（样式）。谁能帮我解决这个问题？

import React from "react";
import Grid from "@material-ui/core/Grid";
import { withStyles } from "@material-ui/core/styles";
import TextField from "@material-ui/core/TextField";

const styles = (theme: any) => ({
  root: {
    "& > *": {
      margin: theme.spacing(5),
      width: "25ch"
    }
  }
});
interface Props {}

interface State {}
class TextFields extends React.Component<Props, State> {
  render() {
    const { classes } = this.props;
    return (
      <form className={classes.root} noValidate autoComplete="off">
        <Grid container direction={"column"} spacing={5}>
          <Grid item>
            <TextField label="First Name" variant="outlined" />
          </Grid>
          <Grid item>
            <TextField label="Last Name" variant="outlined" />
          </Grid>
          <Grid item>
            <TextField label="Address" variant="outlined" />
          </Grid>
          <Grid item>
            <TextField label="Email" variant="outlined" />
          </Grid>
        </Grid>
      </form>
    );
  }
}
export default withStyles(styles)(TextFields);

请在这个查询中帮助我？

这是示例之一

标签： reactjstypescript