Mod Entry

source/Page/Entry/Entry.scss

@@ -0,0 +1,12 @@
+html {
+    font-family: sans-serif;
+    font-size: 100%;
+    -ms-text-size-adjust: 100%;
+	-webkit-text-size-adjust: 100%;
+}
+
+body{
+	margin: 0;
+	padding: 0;
+	border: 0;
+}

source/Page/Entry/Entry.tsx

@@ -1,5 +1,6 @@
-import { Component, ReactNode, StrictMode } from "react";
+import { Component, ReactNode, StrictMode, FunctionComponent } from "react";
 import { render } from "react-dom";
+import "./Entry.scss";
 
 class Entry extends Component<{}, {}> {
 
@@ -15,6 +16,15 @@ class Entry extends Component<{}, {}> {
      * 渲染组件
      * @param component 需要渲染的组件
      */
-    public static renderComponent(component: new () => Component) {
+    public static renderComponent(
+        RenderComponent: (new (...p: any) => Component) | FunctionComponent
+    ) {
+        render(
+            <Entry><RenderComponent/></Entry>, 
+            document.getElementById("root")
+        );
     }
 }
+
+export default Entry;
+export { Entry };

source/Page/Laboratory/Laboratory.tsx

@@ -1,6 +1,6 @@
 import { Component, ReactNode, StrictMode } from "react";
-import { render } from "react-dom";
 import { Group } from "@Model/Group";
+import { Entry } from "../Entry/Entry";
 import "./Laboratory.scss";
 
 class Test extends Component {
@@ -12,9 +12,6 @@ class Test extends Component {
     }
 }
 
-render(
+Entry.renderComponent(Test);
-    <StrictMode><Test></Test></StrictMode>, 
-    document.getElementById("root")
-);
 
 console.log(new Group);