У меня есть компонент, который отображает форму в React, и он выглядит следующим образом:
import React from 'react';
import { Form } from 'antd';
import { FormComponentProps } from 'antd/lib/form';
const { Option } = Select;
type FormProps = FormComponentProps;
const SetupModuleForm = (props: FormProps): JSX.Element => {
const { getFieldDecorator } = props.form;
return (
<div className="mb-3 row">
<Form style={{marginTop: '15px'}} layout="vertical" hideRequiredMark >
//Form stuff here
</Form>
</div>
);
}
export const SetupModule = Form.create()(SetupModuleForm);
Я использую его в своем коде для отображения формы следующим образом:
<SetupModule />
То, что я хотел бы сделать, это отправить некоторые данные в мой компонент модуля настройки следующим образом:
<SetupModule myData={data} />
Однако, когда я это делаю, я получаю эту ошибку:
Тип '{myData: ModuleSetupModel []; } 'нельзя присвоить типу IntrinsicAttributes & IntrinsicClassAttributes, "wrappedComponentRef">, любому, любому >> & Readonly <...> & Readonly <...>'. Свойство 'myData' не существует для типа 'IntrinsicAttributes & IntrinsicClassAttributes, "wrappedComponentRef">, любого, любого >> & Readonly <...> & Readonly <...>'.
How я могу передать свои данные этому компоненту?