remove frameLength

README.md

@@ -121,9 +121,9 @@ render(<Counter />, document.getElementById('root'))
 
 #### useEffect
 
-`useEffect` takes two parameters, the first is a effect callback and the second is an array, usually props
+`useEffect` takes two parameters, the first is a effect callback and the second is an array
 
-if the array changed, the effect callback will execute after commitWork, such as `pureComponentDidUpdate`
+if the array changed, the callback will execute after commitWork, such as `pureComponentDidUpdate`
 
 if the array is empty, it means execute once, such as `componentDidMount`
 

demo/useEffect.js

@@ -1,6 +1,6 @@
-import { h, render, useState, useEffect } from '../src'
-// import { render } from "react-dom"
-// import { createElement as h, useState, useEffect,useRef } from "react"
+// import { h, render, useState, useEffect } from '../src'
+import { render } from "react-dom"
+import { createElement as h, useState, useEffect,useRef } from "react"
 
 function Counter ({ id, remove }) {
   const [count, setCount] = useState(0)
@@ -13,7 +13,7 @@ function Counter ({ id, remove }) {
         console.log(`Counter #${id} removed`);
       }
     },
-    [count]
+    []
   )
 
   return (

src/scheduler.js

@@ -3,6 +3,7 @@ import { push, pop, peek } from './heapify'
 let taskQueue = []
 let currentTask = null
 let currentCallback = null
+let inMC = false
 let frameDeadline = 0
 
 export function scheduleCallback (callback) {
@@ -21,7 +22,7 @@ export function scheduleCallback (callback) {
 
   currentCallback = flushWork
 
-  planWork()
+  if (!inMC) planWork() && (inMC = true)
 
   return newTask
 }
@@ -61,23 +62,26 @@ function workLoop (iniTime) {
 function performWork () {
   if (currentCallback) {
     let currentTime = getTime()
-    frameDeadline = currentTime + 5
+    frameDeadline = currentTime
     let moreWork = currentCallback(currentTime)
     if (!moreWork) {
+      inMC = false
       currentCallback = null
     } else {
       planWork()
     }
-  }
+  } else inMC = false
 }
 
 const planWork = (() => {
   if (typeof MessageChannel !== 'undefined') {
     const channel = new MessageChannel()
     const port = channel.port2
     channel.port1.onmessage = performWork
+
     return () => port.postMessage(null)
   }
+
   return () => setTimeout(performWork, 0)
 })()