madeinfree · December 19, 2020 09:29 · Dec 19, 2020 · Dec 19, 2020 · Dec 19, 2020
diff --git a/basic.jsx b/basic.jsx
@@ -10,7 +10,7 @@ export default function App() {
       const data = e.data;
       setSum(data);
     });
-    worker.postMessage([0, 200]);
+    worker.postMessage([0, 1000000000]);
   }, []);
 
   return (

diff --git a/basic.jsx b/basic.jsx
@@ -0,0 +1,22 @@
+import React, { useState, useEffect } from "react";
+import "./styles.css";
+
+export default function App() {
+  const [sum, setSum] = useState(0);
+
+  useEffect(() => {
+    const worker = new Worker("./computing.js");
+    worker.addEventListener("message", (e) => {
+      const data = e.data;
+      setSum(data);
+    });
+    worker.postMessage([0, 200]);
+  }, []);
+
+  return (
+    <div className="App">
+      <h1>Hello CodeSandbox</h1>
+      <h2>Count Sum: {sum}</h2>
+    </div>
+  );
+}
diff --git a/computing.js b/computing.js
@@ -0,0 +1,8 @@
+onmessage = (e) => {
+  const [num1, num2] = e.data;
+  let sum = 0;
+  for (let i = num1; i < num2; i++) {
+    sum += i;
+  }
+  postMessage(sum);
+};
No results found