File tree Expand file tree Collapse file tree 1 file changed +10
-4
lines changed
packages/rn-tester/js/examples/DragAndDrop Expand file tree Collapse file tree 1 file changed +10
-4
lines changed Original file line number Diff line number Diff line change @@ -54,8 +54,8 @@ function DragDropView(): React.Node {
54
54
onDrop = { e => {
55
55
appendLog ( 'onDrop' ) ;
56
56
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 ) {
59
59
if ( file . type . startsWith ( 'image/' ) ) {
60
60
appendLog ( 'Dropped image file: ' + file . name ) ;
61
61
} else {
@@ -164,7 +164,10 @@ function OnPaste(): React.Node {
164
164
style = { styles . multiline }
165
165
onPaste = { ( e : PasteEvent ) => {
166
166
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
+ }
168
171
} }
169
172
pastedTypes = { [ 'string' ] }
170
173
placeholder = "MULTI LINE with onPaste() text from clipboard"
@@ -174,7 +177,10 @@ function OnPaste(): React.Node {
174
177
style = { styles . multiline }
175
178
onPaste = { ( e : PasteEvent ) => {
176
179
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
+ }
178
184
} }
179
185
pastedTypes = { [ 'fileUrl' , 'image' , 'string' ] }
180
186
placeholder = "MULTI LINE with onPaste() for PNG/TIFF images from clipboard or fileUrl (via Finder) and text from clipboard"
You can’t perform that action at this time.
0 commit comments