Spaces:
Running
Running
Update src/App.js
Browse files- src/App.js +8 -21
src/App.js
CHANGED
|
@@ -1,25 +1,12 @@
|
|
| 1 |
-
import
|
| 2 |
-
import './
|
| 3 |
|
| 4 |
-
|
|
|
|
|
|
|
| 5 |
return (
|
| 6 |
-
|
| 7 |
-
<header className="App-header">
|
| 8 |
-
<img src={logo} className="App-logo" alt="logo" />
|
| 9 |
-
<p>
|
| 10 |
-
Edit <code>src/App.js</code> and save to reload.
|
| 11 |
-
</p>
|
| 12 |
-
<a
|
| 13 |
-
className="App-link"
|
| 14 |
-
href="https://reactjs.org"
|
| 15 |
-
target="_blank"
|
| 16 |
-
rel="noopener noreferrer"
|
| 17 |
-
>
|
| 18 |
-
Learn React
|
| 19 |
-
</a>
|
| 20 |
-
</header>
|
| 21 |
-
</div>
|
| 22 |
);
|
| 23 |
-
}
|
| 24 |
|
| 25 |
-
export default App;
|
|
|
|
| 1 |
+
import React, { useState } from 'react';
|
| 2 |
+
import './index.css';
|
| 3 |
|
| 4 |
+
// Paste toàn bộ code component HoroscopeApp của chúng ta vào đây
|
| 5 |
+
const App = () => {
|
| 6 |
+
// Code component hoàn chỉnh từ artifact
|
| 7 |
return (
|
| 8 |
+
// JSX của horoscope app
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 9 |
);
|
| 10 |
+
};
|
| 11 |
|
| 12 |
+
export default App;
|