en-US

Limit the number of uploads via dMax. When dMax is 1, always update the file to the latest upload.

zh-CN

通过 dMax 限制上传数量。当 dMax 为 1 时，始终更新文件为最新上传。

import { UploadOutlined } from '@react-devui/icons';
import { DUpload, DButton } from '@react-devui/ui';

export default function Demo() {
  return (
    <>
      <DUpload
        dTrigger={
          <DButton className="mb-2" dIcon={<UploadOutlined />}>
            Max 1
          </DButton>
        }
        dList={<DUpload.List />}
        dXHRRequest={{ url: 'https://rd-upload.free.beeceptor.com' }}
        dMax={1}
      >
        {({ trigger, list }) => (
          <>
            {trigger}
            {list}
          </>
        )}
      </DUpload>
      <br />
      <DUpload
        dTrigger={
          <DButton className="mb-2" dIcon={<UploadOutlined />}>
            Max 3
          </DButton>
        }
        dList={<DUpload.List />}
        dXHRRequest={{ url: 'https://rd-upload.free.beeceptor.com' }}
        dMax={3}
        multiple
      >
        {({ trigger, list }) => (
          <>
            {trigger}
            {list}
          </>
        )}
      </DUpload>
    </>
  );
}