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

Posted 2023-02-22

【中文标题】“IntrinsicAttributes & Props”类型上不存在 className

【英文标题】：className does not exist on type 'IntrinsicAttributes & Props'

【发布时间】：2021-02-06 09:24:03

【问题描述】：

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

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

登录.tsx：

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;

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

【参考方案1】：

我最喜欢的做法是

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


export default Login;