@lxzy/code-snippet 0.0.11 → 0.0.12

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lxzy/code-snippet",
-  "version": "0.0.11",
+  "version": "0.0.12",
   "files": [
     "*",
     "!dist",

package/src/App.tsx

@@ -1,5 +1,5 @@
 import React, { Suspense, lazy } from 'react';
-import { Switch, Route, Redirect } from 'react-router-dom';
+import { Switch, Route, Redirect, useHistory, useLocation } from 'react-router-dom';
 import { Router } from 'react-router-dom';
 import history from '@/umi';
 import BasicLayout from '@/layouts/index';
@@ -21,6 +21,28 @@ const loadComponent = (path) => {
   return componentCache[path];
 };
 
+const parseQuery = (search) => {
+  if (!search) return {};
+  const params = new URLSearchParams(search);
+  const query = {};
+  for (const [key, value] of params) {
+    query[key] = value;
+  }
+  return query;
+};
+
+const RouteWrapper = ({ componentPath }) => {
+  const routeHistory = useHistory();
+  const routeLocation = useLocation();
+  const Component = loadComponent(componentPath);
+  return (
+    <Component
+      history={routeHistory}
+      location={{ ...routeLocation, query: parseQuery(routeLocation.search) }}
+    />
+  );
+};
+
 const App = () => {
   return (
     <Router history={history}>
@@ -37,10 +59,7 @@ const App = () => {
                   key={route.path || i}
                   path={route.path}
                   exact={route.path !== '/404'}
-                  render={() => {
-                    const Component = loadComponent(route.component);
-                    return <Component />;
-                  }}
+                  render={() => <RouteWrapper componentPath={route.component} />}
                 />
               ),
             )}

package/src/pages/home.tsx

@@ -1,5 +1,7 @@
 import React, { useState } from 'react';
 
-export default function Home() {
+export default function Home(props) {
+  console.log(props);
+  const { history, location } = props;
   return <div>home</div>;
 }