className не существует для типа «IntrinsicAttributes & Props»

У меня есть два компонента. Один импортирует другой. Но typescript выдает ошибку внутри Login.tsx, говоря:

Свойство className не существует для типа IntrinsicAttributes & Props.

Логин.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;

Форма.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
person Petro Ivanenko    schedule 23.10.2020    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Мой любимый способ сделать это

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

export default Login;
person David Galoyan    schedule 25.10.2020