feat(Test): add memo tests

Author: Saber2pr

src/__test__/Test.tsx

@@ -2,7 +2,7 @@
  * @Author: saber2pr
  * @Date: 2019-12-06 17:41:19
  * @Last Modified by: saber2pr
- * @Last Modified time: 2019-12-11 21:02:47
+ * @Last Modified time: 2019-12-13 16:38:54
  */
 import React, { useState, useEffect, useRef } from ".."
 import ReactDOM from "../client"
@@ -20,6 +20,7 @@ import { TestUseEffect } from "./TestUseEffect"
 import { TestForwardRef } from "./TestForwardRef"
 import { TestContext } from "./TestContext"
 import { TestLazy } from "./TestLazy"
+import { TestMemo } from "./TestMemo"
 
 const Store = {
   state: 0
@@ -57,7 +58,8 @@ const Tests = [
   TestUseEffect,
   TestForwardRef,
   TestContext,
-  TestLazy
+  TestLazy,
+  TestMemo
 ]
 
 const App = () => {

src/__test__/TestMemo.tsx

@@ -0,0 +1,39 @@
+/*
+ * @Author: saber2pr
+ * @Date: 2019-12-13 16:38:42
+ * @Last Modified by: saber2pr
+ * @Last Modified time: 2019-12-13 16:55:19
+ */
+import React, { useEffect, useState } from ".."
+
+const Content = React.memo(({ content }: { content: string }) => {
+  useEffect(() => {
+    console.log("memo")
+  })
+  return <div>{content}</div>
+})
+
+const useForceUpdate = () => {
+  const [tick, setTick] = useState(0)
+  return () => setTick(tick + 1)
+}
+
+const TestMemo = () => {
+  const [text, setText] = useState("awsl")
+  const forceUpdate = useForceUpdate()
+  return (
+    <div>
+      <div>TestMemo Demo</div>
+      <div>
+        <Content content={text} />
+      </div>
+      <div>
+        <button onclick={() => setText("xmsl")}>setText1</button>
+        <button onclick={() => setText("awsl")}>setText2</button>
+      </div>
+      <button onclick={forceUpdate}>forceUpdate</button>
+    </div>
+  )
+}
+
+export { TestMemo }