feat: support name prop (#574)

react-component · Aug 30, 2024 · d94d644 · d94d644
1 parent aa2e1dd
commit d94d644
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 1 deletion.
diff --git 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,7 @@ class AjaxUploader extends Component<UploadProps> {
         <input
           {...pickAttrs(otherProps, { aria: true, data: true })}
           id={id}
+          name={name}
           disabled={disabled}
           type="file"
           ref={this.saveFileInput}

diff --git a/src/Upload.tsx b/src/Upload.tsx
@@ -11,7 +11,6 @@ class Upload extends Component<UploadProps> {
     prefixCls: 'rc-upload',
     data: {},
     headers: {},
-    name: 'file',
     multipart: false,
     onStart: empty,
     onError: empty,

diff --git 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