fix: input type file cannot assign value

react-component · Nov 9, 2023 · 7a9bda1 · 7a9bda1
1 parent baf2267
commit 7a9bda1
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 2 deletions.
diff --git a/src/utils/commonUtils.ts b/src/utils/commonUtils.ts
@@ -57,8 +57,10 @@ export function resolveOnChange<
       target: { value: target },
       currentTarget: { value: target },
     });
-
-    target.value = targetValue;
+    // https://github.com/ant-design/ant-design/issues/45737
+    if (target.type !== 'file') {
+      target.value = targetValue;
+    }
     onChange(event as React.ChangeEvent<E>);
     return;
   }

diff --git a/tests/index.test.tsx b/tests/index.test.tsx
@@ -79,6 +79,18 @@ describe('Input', () => {
   it('support bigint type', () => {
     expect(<Input value={BigInt('2222')} />).toBeTruthy();
   });
+
+  it('should be compatible with type="file"', () => {
+    const onChange = jest.fn();
+    const { container } = render(<Input type="file" onChange={onChange} />);
+    const inputEl = container.querySelector('input')!;
+    const file = new File(['(⌐□_□)'], 'file.xml', { type: 'application/xml' });
+    // upload the file by updating the value attribute of the input
+    // I assume : <input type="file" data-testid="fileInput" />
+    fireEvent.change(inputEl, {
+      target: { files: [file] },
+    });
+  });
 });
 
 describe('should support showCount', () => {