Reactjs 基于Redux形式的蚂蚁设计

嗨，我需要使用带有Redux表单的Ant设计组件。我知道这个库，但我需要使用redux表单antd中未包含的Cascader组件

每次我试图将其传递给Field.component时，我都会收到一个类型错误，即不可分配类型。我想我需要以某种方式包装Cascader组件以使其工作，但我不确定如何工作

---

如果您能就此问题提供任何意见，我将不胜感激。谢谢

创建字段组件：

import * as React from 'react';
import { WrappedFieldProps } from 'redux-form';
import Cascader, { CascaderProps } from 'antd/lib/cascader';

interface RenderCascaderFieldProps extends WrappedFieldProps {
    readonly cascaderProps: CascaderProps;
}

export function renderCascader(props: RenderCascaderFieldProps) {
    const { input, cascaderProps } = props;
    return (
        <Cascader
            value={input.value ? input.value : undefined}
            onChange={input.onChange}
            {...cascaderProps}
        />
    );
}

形式如下：

<Field
    name={fieldName}
    component={renderCascader}
    cascaderProps={{
        placeholder: 'Select city',
        loadData: this.loadData,
        options: options
    }}
/>