如何使用materialUI应用样式

时间:2020-05-21 09:33:31

标签: reactjs typescript material-ui material-design styled-components

环境 ・使用react和Typescript ・设计使用素材UI。 ・样式l应用于样式组件。

我不明白 我从Material UI导入了Text Fileld,并使用样式化的组合键应用了样式。 但是,出现以下错误。 如果您理解的话,我想请教一位教授。

//错误内容 [ts]键入'{id:string;变体:“概述”;标签:字符串; onChange:(e:ChangeEvent)=>无效; }'缺少类型'Pick&Partial <...>,“ label” |中的以下属性。 ...更多282 ... | “ value”>':样式,参考,类型,className,以及另外10个。 [2740]

const StyledTextField = styled(TextField)`
  width: 200px;
  text-align: center;
  `;

    <StyledTextField
      id="outlined-basic"
      variant="outlined"
      onChange={(e: React.ChangeEvent<HTMLInputElement>) => {
        setState({ ...state, name: e.target.value})
      }}
    />

0 个答案:

没有答案