- Edit src/App.tsx and save to test HMR
-
- Click on the Vite and React logos to learn more -
- - ) -} - -export default App +import DragAndDrop from './examples/lecture_1/EX8_RP4'; +import { useState } from 'react'; + +export default function App() { + const items = ['Item 1', 'Item 2', 'Item 3', 'Item 4']; + const [draggedItem, setDraggedItem] = useState{dropZoneActive ? 'Release to drop' : 'Drag items here'}
+Item being dragged: {draggedItem}
} +X: {x}
+Y: {y}
+Right click on the div below to see the difference
+Loading...
} + {error &&Error: {error}
} +Users
+ {users && ( +Loading...
} + {error &&Error: {error}
} +Posts
+ {posts && ( +Name: {user.name}
+Email: {user.email}
+Name: {user.name}
+Email: {user.email}
+ +{project.description}
+Deadline: {new Date(project.deadline).toDateString()}
+Status: {status}
+ +Loading...
+ )} + + {/* Team Members */} +Loading...
+ )} +{project.description}
+Deadline: {new Date(project.deadline).toDateString()}
+Status: {status}
+Loading...
; + if (error) returnError: {error}
; + + returnNo items to display
; + } + + if (!render) { + return ( +