From 6c330b4b706e98169eda244f36d64e598460d638 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=F0=9D=91=BE=F0=9D=92=96=F0=9D=92=99=F0=9D=92=89?=
 <wxh1220@gmail.com>
Date: Fri, 30 Aug 2024 23:20:35 +0800
Subject: [PATCH] feat: support `name` prop drilling (#576)

---
 src/AjaxUploader.tsx    | 6 ++++++
 tests/uploader.spec.tsx | 6 ++++++
 2 files changed, 12 insertions(+)

diff --git a/src/AjaxUploader.tsx b/src/AjaxUploader.tsx
index c8d4b9a..c9a6136 100644
--- a/src/AjaxUploader.tsx
+++ b/src/AjaxUploader.tsx
@@ -269,6 +269,7 @@ class AjaxUploader extends Component<UploadProps> {
       classNames = {},
       disabled,
       id,
+      name,
       style,
       styles = {},
       multiple,
@@ -307,6 +308,11 @@ class AjaxUploader extends Component<UploadProps> {
         <input
           {...pickAttrs(otherProps, { aria: true, data: true })}
           id={id}
+          /**
+           * https://github.com/ant-design/ant-design/issues/50643,
+           * https://github.com/react-component/upload/pull/575#issuecomment-2320646552
+           */
+          name={name}
           disabled={disabled}
           type="file"
           ref={this.saveFileInput}
diff --git a/tests/uploader.spec.tsx b/tests/uploader.spec.tsx
index 68a8208..344a61d 100644
--- a/tests/uploader.spec.tsx
+++ b/tests/uploader.spec.tsx
@@ -152,6 +152,12 @@ describe('uploader', () => {
       expect(container.querySelector('input')!.id).toBe('bamboo');
     });
 
+    // https://github.com/ant-design/ant-design/issues/50643
+    it('with name', () => {
+      const { container } = render(<Upload name="bamboo" />);
+      expect(container.querySelector('input')!.name).toBe('bamboo');
+    });
+
     it('should pass through data & aria attributes', () => {
       const { container } = render(
         <Upload