Я создал пользовательский компонент без состояния, чтобы использовать текстовую область в избыточной форме.Я управляю реквизитом с использованием машинописного текста, но получаю ошибку машинописного текста в поле избыточной формы для пользовательского компонента.
версия:
redux-form: ^8.1.0
@types/redux-form: ^7.4.13
Я получаю следующую ошибку:
Type 'FunctionComponent<WrappedFieldProps & IFieldOptions>' is not assignable to type '("input" & FunctionComponent<WrappedFieldProps & IFieldOptions>) | ("select" & FunctionComponent<WrappedFieldProps & IFieldOptions>) | ("textarea" & FunctionComponent<WrappedFieldProps & IFieldOptions>) | (ComponentClass<...> & FunctionComponent<...>) | (FunctionComponent<...> & FunctionComponent<...>)'.
Type 'FunctionComponent<WrappedFieldProps & IFieldOptions>' is not assignable to type '"input" & FunctionComponent<WrappedFieldProps & IFieldOptions>'.
Type 'FunctionComponent<WrappedFieldProps & IFieldOptions>' is not assignable to type '"input"'
Компонент текстовой области:
export const RenderTextArea: React.SFC<WrappedFieldProps & IFieldOptions> = (props) => {
const { disabled, input, label, meta, name, placeholder, type, textareaProps } = props;
return (
<Form.Field>
<label>{label}</label>
<TextArea
name={name} placeholder={placeholder} type={type} {...input} {...textareaProps}
disabled={disabled}
/>
{meta.touched && meta.error ? <span className='error'>{meta.error}</span> : ''}
</Form.Field>
)}
Поле Redux-формы:
<Field
name='description'
placeholder='description'
component={RenderTextArea}
textareaProps={textareaProps}
/>