Skip to content

Commit 174c387

Browse files
committed
update example
1 parent d8ab0f4 commit 174c387

File tree

1 file changed

+10
-4
lines changed

1 file changed

+10
-4
lines changed

packages/rn-tester/js/examples/DragAndDrop/DragAndDropExample.js

Lines changed: 10 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -54,8 +54,8 @@ function DragDropView(): React.Node {
5454
onDrop={e => {
5555
appendLog('onDrop');
5656
setIsDraggingOver(false);
57-
if (e.nativeEvent.dataTransfer.files && e.nativeEvent.dataTransfer.files[0]) {
58-
const file = e.nativeEvent.dataTransfer.files[0];
57+
const file = e.nativeEvent.dataTransfer?.files?.[0];
58+
if (file) {
5959
if (file.type.startsWith('image/')) {
6060
appendLog('Dropped image file: ' + file.name);
6161
} else {
@@ -164,7 +164,10 @@ function OnPaste(): React.Node {
164164
style={styles.multiline}
165165
onPaste={(e: PasteEvent) => {
166166
appendLog(JSON.stringify(e.nativeEvent.dataTransfer.types));
167-
setImageUri(e.nativeEvent.dataTransfer.files[0].uri);
167+
const file = e.nativeEvent.dataTransfer?.files?.[0];
168+
if (file) {
169+
setImageUri(file.uri);
170+
}
168171
}}
169172
pastedTypes={['string']}
170173
placeholder="MULTI LINE with onPaste() text from clipboard"
@@ -174,7 +177,10 @@ function OnPaste(): React.Node {
174177
style={styles.multiline}
175178
onPaste={(e: PasteEvent) => {
176179
appendLog(JSON.stringify(e.nativeEvent.dataTransfer.types));
177-
setImageUri(e.nativeEvent.dataTransfer.files[0].uri);
180+
const file = e.nativeEvent.dataTransfer?.files?.[0];
181+
if (file) {
182+
setImageUri(file.uri);
183+
}
178184
}}
179185
pastedTypes={['fileUrl', 'image', 'string']}
180186
placeholder="MULTI LINE with onPaste() for PNG/TIFF images from clipboard or fileUrl (via Finder) and text from clipboard"

0 commit comments

Comments
 (0)