在 Form.Item 中使用 Antd Upload 组件

问题描述 投票:0回答:0

在我的 React js 应用程序中,我尝试使用包装在 MyCustomComponent 中的上传组件:

import { Upload } from 'antd';

const MyCustomComponent = () => {
  return (
    <Upload
      showUploadList={false}
    >
click
    </Upload>
  );
};

export default MyCustomComponent;

用法:

 <Form.Item
            labelCol={{ span: 24 }}
            name="img"
            label="Image"
            valuePropName="fileList"
            getValueFromEvent={normFile}
          >
            <MyCustomComponent/>
          </Form.Item>

当我这样做并提交表格时,我变得不确定。我如何将上传组件从自定义组件绑定到表单,而不将任何与表单相关的道具附加到自定义组件,并在此过程中将组件保持为通用组件?

reactjs upload antd
© www.soinside.com 2019 - 2024. All rights reserved.