Spaces:
No application file
No application file
Update src/App.jsx
#20
by hotboxxgenn - opened
- src/App.jsx +2 -27
src/App.jsx
CHANGED
|
@@ -1,33 +1,8 @@
|
|
| 1 |
-
import { useState } from 'react'
|
| 2 |
-
|
| 3 |
function App() {
|
| 4 |
-
const [count, setCount] = useState(0)
|
| 5 |
-
|
| 6 |
return (
|
| 7 |
<div style={{ padding: '20px', textAlign: 'center' }}>
|
| 8 |
-
<h1>
|
| 9 |
-
<p>
|
| 10 |
-
|
| 11 |
-
<div style={{ marginTop: '20px' }}>
|
| 12 |
-
<button
|
| 13 |
-
onClick={() => setCount((count) => count + 1)}
|
| 14 |
-
style={{
|
| 15 |
-
padding: '10px 20px',
|
| 16 |
-
fontSize: '16px',
|
| 17 |
-
backgroundColor: '#007bff',
|
| 18 |
-
color: 'white',
|
| 19 |
-
border: 'none',
|
| 20 |
-
borderRadius: '5px',
|
| 21 |
-
cursor: 'pointer'
|
| 22 |
-
}}
|
| 23 |
-
>
|
| 24 |
-
Count is: {count}
|
| 25 |
-
</button>
|
| 26 |
-
</div>
|
| 27 |
-
|
| 28 |
-
<p style={{ marginTop: '20px', color: '#666' }}>
|
| 29 |
-
Click the button to test React state management
|
| 30 |
-
</p>
|
| 31 |
</div>
|
| 32 |
)
|
| 33 |
}
|
|
|
|
|
|
|
|
|
|
| 1 |
function App() {
|
|
|
|
|
|
|
| 2 |
return (
|
| 3 |
<div style={{ padding: '20px', textAlign: 'center' }}>
|
| 4 |
+
<h1>Hello from React + Vite!</h1>
|
| 5 |
+
<p>Your app is successfully deployed on Hugging Face Spaces.</p>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 6 |
</div>
|
| 7 |
)
|
| 8 |
}
|