“IntrinsicAttributes & Props”类型上不存在 className答案

【问题标题】：className does not exist on type 'IntrinsicAttributes & Props'“IntrinsicAttributes & Props”类型上不存在 className
【发布时间】：2021-02-06 09:24:03
【问题描述】：

我有两个组件。一个进口另一个。但是打字稿在 Login.tsx 里面抛出了一个错误，说：

“属性 'className' 不存在于类型 'IntrinsicAttributes & 道具”

import React, { ReactElement } from 'react';
import Form from './Form/Form';

import styles from './Login.module.scss';

interface Props {}

function Login({}: Props): ReactElement {
  return (
    <div className={styles.container}>
      <Form className={styles.form}>Form</Form>
    </div>
  );
}

export default Login;

Form.tsx：

import React, { ReactElement } from 'react';

interface Props {
  children: React.ReactNode;
}

function Form({}: Props): ReactElement {
  return (
    <div>
      <h1>TESTY</h1>
    </div>
  );
}

export default Form;

我该如何解决？提前感谢您的宝贵时间！

【问题讨论】：

标签： reactjs typescript react-typescript

【解决方案1】：

我最喜欢的做法是

const Login : React.FC<Props> = ({}) => {
  return (
    <div className={styles.container}>
      <Form className={styles.form}>Form</Form>
    </div>
  );
}

export default Login;

【讨论】：