- Edit src/App.tsx and save to test HMR
-
- Click on the Vite and React logos to learn more -
- - ) -} - -export default App +import { useState } from 'react'; +import { Accordion } from './demo/cpp/Accordion'; +import { ServiceProvider } from './demo/pp/ServiceProvider'; +import { UserList } from './demo/pp/UserList'; +import { PostList } from './demo/pp/PostList'; + +const items = [ + { + id: '1', + label: 'Item 1', + content: 'This is the content of item 1', + }, + { + id: '2', + label: 'Item 2', + content: 'This is the content of item 2', + }, + { + id: '3', + label: 'Item 3', + content: 'This is the content of item 3', + }, +]; + +export default function App() { + const [selectedItems, setSelectedItems] = 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
++ This is the content of the second accordion +
+I am Tab 1
+I am Tab 2
+I am Tab 3
++ Lorem ipsum dolor sit amet consectetur adipisicing elit. + Quisquam, quos. +
+ +I am Tab 4
+Beta feature is disabled
+ } +Loading...
} + {error &&Error: {error}
} +Users
+ {users && ( +Loading...
} + {error &&Error: {error}
} +Posts
+ {posts && ( +{user.name}
+{user.email}
+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 ( +Post Title: {data}
++ Last Updated: {lastFetched?.toLocaleTimeString()} +
+