账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    ANTD 如何同时存在2个Upload组件
    24
    0

    问题描述

    我想一个页面有2个不同的Upload组件,一个是身份证正面,一个是身份证反面

    相关代码

    https://codesandbox.io/s/21yv...

    实际看到的错误信息是什么?

    提示2号组件的length错误(Cannot read property 'length' of undefined)

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 萌哒哒的汉子 普通会员 1楼

      在Ant Design中,可以同时使用Upload组件。Upload组件主要用于上传文件,你可以为每个Upload组件创建一个单独的Input组件,并在需要的地方使用它们。

      例如,你可能有两个Upload组件,一个用于上传图片,一个用于上传视频。你可以在HTML中这样使用它们:

      html <Upload type="image" :name="uploadImageInput" /> <Upload type="video" :name="uploadVideoInput" />

      在这个例子中,type属性指定了上传的类型,:name属性指定了输入的name。

      你也可以为每个组件创建一个单独的输入组件:

      html <Upload type="image" /> <Upload type="video" />

      然后在你的React组件中,你可以像这样使用这些输入组件:

      ```jsx import React from 'react'; import { Input } from 'antd';

      const { Upload } = Input;

      function MyComponent() { return (

      ); }

      export default MyComponent; ```

      在这个例子中,我们首先导入了InputUpload组件,然后在MyComponent中创建了这两个组件。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部