add example

Author: MrWangJustToDo

src/app/pages/Dynamic/:para.tsx

@@ -0,0 +1,7 @@
+import { useParams } from "react-router";
+
+export default function Index() {
+  const p = useParams();
+
+  return <div>dynamic {JSON.stringify(p)}</div>;
+}

src/app/pages/index.tsx

@@ -12,6 +12,7 @@ export default function Index() {
       <Button onClick={() => navigate("/Foo")}>goto foo</Button>
       <Button onClick={() => navigate("/Bar")}>goto bar</Button>
       <Button onClick={() => navigate("/Baz")}>goto baz</Button>
+      <Button onClick={() => navigate(`/Dynamic/${Math.random().toString().slice(2)}`)}>goto dynamic</Button>
       <Button onClick={() => navigate("/I18n")}>goto i18n</Button>
       <Button onClick={() => navigate("/HHH")}>404 page</Button>
     </>

src/app/router/dynamicRoutes.ts

@@ -2,4 +2,4 @@
 /* do not editor this template */
 import type { DynamicRouteConfig } from "@app/types/router";
 
-export const dynamicRouteConfig: DynamicRouteConfig[] = [{"path":"/Bar","componentPath":"Bar"},{"path":"/Baz","componentPath":"Baz"},{"path":"/Foo","componentPath":"Foo"},{"path":"/I18n","componentPath":"I18n"},{"path":"/","componentPath":"index"},{"path":"/*","componentPath":"404"}];
+export const dynamicRouteConfig: DynamicRouteConfig[] = [{"path":"/Bar","componentPath":"Bar"},{"path":"/Baz","componentPath":"Baz"},{"path":"/Foo","componentPath":"Foo"},{"path":"/I18n","componentPath":"I18n"},{"path":"/","componentPath":"index"},{"path":"/Dynamic/:para","componentPath":"Dynamic/:para"},{"path":"/*","componentPath":"404"}];