React hooks使用 setInterval

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22

// 自定义 useInterval Hook import React, { useState, useEffect, useRef } from 'react';   export function useInterval(callback, delay) {   const savedCallback = useRef();     // Remember the latest callback.   useEffect(() => {     savedCallback.current = callback;   });     // Set up the interval.   useEffect(() => {     function tick() {       savedCallback.current();     }     if (delay !== null) {       let id = setInterval(tick, delay);       return () => clearInterval(id);     }   }, [delay]); }

使用：

?

1 2 3 4 5 6 7 8 9 10 11 12

import React, { useState, useEffect, useRef } from 'react';   function Counter() {   let [count, setCount] = useState(0);     useInterval(() => {     // Your custom logic here     setCount(count + 1);   }, 1000);     return <h1>{count}</h1>; }

　　摘自原文：https://segmentfault.com/a/1190000018224631