Тип «FunctionComponent <WrappedFieldProps & IProps>» нельзя назначить типу («вход» и FunctionComponent - PullRequest
Новая
       10

Тип «FunctionComponent <WrappedFieldProps & IProps>» нельзя назначить типу («вход» и FunctionComponent

0 голосов
/ 15 января 2019

Не могли бы вы помочь мне, пожалуйста, поймите и исправьте ошибку

Я использую машинопись, webpack, redux-форму. Когда я запускаю webpack-dev-server --mode development, у меня возникает ошибка компиляции.

Он был скомпилирован, но я удалил папку node_modules и yarn install. yarn.lock не было удалено.

InputField.ts 

import React from 'react';
import {WrappedFieldProps} from 'redux-form';

interface IProps {
    label: string,
}

const InputField: React.FC<WrappedFieldProps & IProps> = ({
    label,
}) => {

    return (
        <div className="form-control">
            <label>
                {label}:
            </label>
        </div>
    );
};

export default InputField;

в компоненте формы 

import InputField from 'Field/InputField';

render() {
        return (
                <form onSubmit={handleSubmit}>
                    <Field
                        component={InputField}
                        name="email"
                        label="E-mail"
                    />

ошибка 

 TS2322: Type 'FunctionComponent<WrappedFieldProps & IProps>' is not assignable to type '("input" & FunctionComponent<WrappedFiel

dProps & IProps>) | ("select" & FunctionComponent<WrappedFieldProps & IProps>) | ("textarea" & FunctionComponent<WrappedFieldProps & I

Props>) | (ComponentClass<...> & FunctionComponent<...>) | (FunctionComponent<...> & FunctionComponent<...>)'.
  Type 'FunctionComponent<WrappedFieldProps & IProps>' is not assignable to type '"input" & FunctionComponent<WrappedFieldProps & IPro

ps>'.
    Type 'FunctionComponent<WrappedFieldProps & IProps>' is not assignable to type '"input"'.

1 Ответ

0 голосов
/ 16 января 2019

Определить компонент как 

const InputField = (props: WrappedFieldProps & IProps) => {

ИМХО похоже, что есть какая-то проблема с @ typings / redux-form

...