Simplify onFileChange callback

wojtekmaj · May 14, 2024 · 057a928 · 057a928
1 parent 37ae6e0
commit 057a928
Show file tree

Hide file tree

Showing 6 changed files with 24 additions and 12 deletions.
diff --git a/sample/create-react-app-5/src/Sample.tsx b/sample/create-react-app-5/src/Sample.tsx
@@ -43,8 +43,10 @@ export default function Sample() {
   function onFileChange(event: React.ChangeEvent<HTMLInputElement>): void {
     const { files } = event.target;
 
-    if (files && files[0]) {
-      setFile(files[0] || null);
+    const nextFile = files?.[0];
+
+    if (nextFile) {
+      setFile(nextFile);
     }
   }
 

diff --git a/sample/next-app/app/Sample.tsx b/sample/next-app/app/Sample.tsx
@@ -45,8 +45,10 @@ export default function Sample() {
   function onFileChange(event: React.ChangeEvent<HTMLInputElement>): void {
     const { files } = event.target;
 
-    if (files && files[0]) {
-      setFile(files[0] || null);
+    const nextFile = files?.[0];
+
+    if (nextFile) {
+      setFile(nextFile);
     }
   }
 

diff --git a/sample/next-pages/pages/Sample.tsx b/sample/next-pages/pages/Sample.tsx
@@ -41,8 +41,10 @@ export default function Sample() {
   function onFileChange(event: React.ChangeEvent<HTMLInputElement>): void {
     const { files } = event.target;
 
-    if (files && files[0]) {
-      setFile(files[0] || null);
+    const nextFile = files?.[0];
+
+    if (nextFile) {
+      setFile(nextFile);
     }
   }
 

diff --git a/sample/parcel2/Sample.tsx b/sample/parcel2/Sample.tsx
@@ -45,8 +45,10 @@ export default function Sample() {
   function onFileChange(event: React.ChangeEvent<HTMLInputElement>): void {
     const { files } = event.target;
 
-    if (files && files[0]) {
-      setFile(files[0] || null);
+    const nextFile = files?.[0];
+
+    if (nextFile) {
+      setFile(nextFile);
     }
   }
 

diff --git a/sample/vite/Sample.tsx b/sample/vite/Sample.tsx
@@ -43,8 +43,10 @@ export default function Sample() {
   function onFileChange(event: React.ChangeEvent<HTMLInputElement>): void {
     const { files } = event.target;
 
-    if (files && files[0]) {
-      setFile(files[0] || null);
+    const nextFile = files?.[0];
+
+    if (nextFile) {
+      setFile(nextFile);
     }
   }
 

diff --git a/sample/webpack5/Sample.tsx b/sample/webpack5/Sample.tsx
@@ -43,8 +43,10 @@ export default function Sample() {
   function onFileChange(event: React.ChangeEvent<HTMLInputElement>): void {
     const { files } = event.target;
 
-    if (files && files[0]) {
-      setFile(files[0] || null);
+    const nextFile = files?.[0];
+
+    if (nextFile) {
+      setFile(nextFile);
     }
   }