feat: add react router

This commit is contained in:
Justin Sun 2023-04-01 11:05:29 +08:00
parent 199fc222bf
commit 5f501105f1
No known key found for this signature in database
GPG Key ID: B6FCB958F29B7093
5 changed files with 42 additions and 15 deletions

View File

@ -14,7 +14,8 @@
"dependencies": {
"antd": "^5.3.3",
"react": "^18.2.0",
"react-dom": "^18.2.0"
"react-dom": "^18.2.0",
"react-router-dom": "^6.10.0"
},
"devDependencies": {
"@trivago/prettier-plugin-sort-imports": "^4.1.1",

View File

@ -17,6 +17,7 @@ specifiers:
prettier: ^2.8.7
react: ^18.2.0
react-dom: ^18.2.0
react-router-dom: ^6.10.0
simple-git-hooks: ^2.8.1
typescript: ^4.9.3
vite: ^4.2.0
@ -25,6 +26,7 @@ dependencies:
antd: 5.3.3_biqbaboplfbrettd7655fr4n2y
react: 18.2.0
react-dom: 18.2.0_react@18.2.0
react-router-dom: 6.10.0_biqbaboplfbrettd7655fr4n2y
devDependencies:
'@trivago/prettier-plugin-sort-imports': 4.1.1_prettier@2.8.7
@ -780,6 +782,11 @@ packages:
react-dom: 18.2.0_react@18.2.0
dev: false
/@remix-run/router/1.5.0:
resolution: {integrity: sha512-bkUDCp8o1MvFO+qxkODcbhSqRa6P2GXgrGZVpt0dCXNW2HCSCqYI0ZoAqEOSAjRWmmlKcYgFvN4B4S+zo/f8kg==}
engines: {node: '>=14'}
dev: false
/@trivago/prettier-plugin-sort-imports/4.1.1_prettier@2.8.7:
resolution: {integrity: sha512-dQ2r2uzNr1x6pJsuh/8x0IRA3CBUB+pWEW3J/7N98axqt7SQSm+2fy0FLNXvXGg77xEDC7KHxJlHfLYyi7PDcw==}
peerDependencies:
@ -3104,6 +3111,29 @@ packages:
engines: {node: '>=0.10.0'}
dev: true
/react-router-dom/6.10.0_biqbaboplfbrettd7655fr4n2y:
resolution: {integrity: sha512-E5dfxRPuXKJqzwSe/qGcqdwa18QiWC6f3H3cWXM24qj4N0/beCIf/CWTipop2xm7mR0RCS99NnaqPNjHtrAzCg==}
engines: {node: '>=14'}
peerDependencies:
react: '>=16.8'
react-dom: '>=16.8'
dependencies:
'@remix-run/router': 1.5.0
react: 18.2.0
react-dom: 18.2.0_react@18.2.0
react-router: 6.10.0_react@18.2.0
dev: false
/react-router/6.10.0_react@18.2.0:
resolution: {integrity: sha512-Nrg0BWpQqrC3ZFFkyewrflCud9dio9ME3ojHCF/WLsprJVzkq3q3UeEhMCAW1dobjeGbWgjNn/PVF6m46ANxXQ==}
engines: {node: '>=14'}
peerDependencies:
react: '>=16.8'
dependencies:
'@remix-run/router': 1.5.0
react: 18.2.0
dev: false
/react/18.2.0:
resolution: {integrity: sha512-/3IjMdb2L9QbBdWiW5e3P2/npwMBaU9mHCSCUzNln0ZCYbcfTsGbTJrU/kGemdH2IWmB2ioZ+zkxtmq6g09fGQ==}
engines: {node: '>=0.10.0'}

View File

@ -1,12 +0,0 @@
import { Button } from 'antd';
const App = () => {
return (
<>
<div>App</div>
<Button>TEST</Button>
</>
);
};
export default App;

View File

@ -1,11 +1,14 @@
import 'antd/dist/reset.css';
import React from 'react';
import ReactDOM from 'react-dom/client';
import { createBrowserRouter, RouterProvider } from 'react-router-dom';
import App from './App';
import Home from './pages/Home';
const router = createBrowserRouter([{ path: '/', element: <Home /> }]);
ReactDOM.createRoot(document.getElementById('root') as HTMLElement).render(
<React.StrictMode>
<App />
<RouterProvider router={router} />
</React.StrictMode>,
);

5
src/pages/Home.tsx Normal file
View File

@ -0,0 +1,5 @@
const Home = () => {
return <div>Home</div>;
};
export default Home;