202163综合运用所学知识 持续更新

src/pages/register/register.tsx

+import * as React from "react";
+import { Component } from "react";
+import styles from "./register.module.css";
+export const Register: React.FC = () => {
+  return (
+    <>
+      {" "}
+      <h1>注册页面</h1>
+    </>
+  );
+};

src/pages/signin/index.ts

+export * from './signin'
\ No newline at end of file

src/pages/signin/signin.tsx

+import * as React from "react";
+import { Component } from "react";
+import styles from "./signin.module.css";
+export const SignInPage: React.FC = (props) => {
+    console.log(props)
+  return (
+    <>
+      <h1>登陆页面</h1>
+    </>
+  );
+};

src/react-app-env.d.ts

+/// <reference types="react-scripts" />

src/reportWebVitals.ts

+import { ReportHandler } from 'web-vitals';
+
+const reportWebVitals = (onPerfEntry?: ReportHandler) => {
+  if (onPerfEntry && onPerfEntry instanceof Function) {
+    import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {
+      getCLS(onPerfEntry);
+      getFID(onPerfEntry);
+      getFCP(onPerfEntry);
+      getLCP(onPerfEntry);
+      getTTFB(onPerfEntry);
+    });
+  }
+};
+
+export default reportWebVitals;

src/setupTests.ts

+// jest-dom adds custom jest matchers for asserting on DOM nodes.
+// allows you to do things like:
+// expect(element).toHaveTextContent(/react/i)
+// learn more: https://github.com/testing-library/jest-dom
+import '@testing-library/jest-dom';

tsconfig.json

+{
+  "compilerOptions": {
+    "noImplicitAny": false,
+    "target": "es5",
+    "lib": [
+      "dom",
+      "dom.iterable",
+      "esnext"
+    ],
+    "allowJs": true,
+    "skipLibCheck": true,
+    "esModuleInterop": true,
+    "allowSyntheticDefaultImports": true,
+    "strict": true,
+    "forceConsistentCasingInFileNames": true,
+    "noFallthroughCasesInSwitch": true,
+    "module": "esnext",
+    "moduleResolution": "node",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "noEmit": true,
+    "jsx": "react-jsx",
+    "plugins": [
+      {
+        "name": "typescript-plugin-css-modules"
+      }
+    ]
+  },
+  "include": [
+    "src"
+  ]
+}