effect的更新依赖屈指可数

      setCount(x => x + 1);  // 传递参数为一个函数时候，默认传递的第一个参数是之前的值，这是useState的hook在处理 

    }, 1000); 

    return () => clearInterval(id); 

  }, []); 

  return <h1>{count}</h1>; 

} 

// 使用useReducer 

function Counter({ step }) { 

  const [count, dispatch] = useReducer(reducer, 0); 

  function reducer(state, action) { 

    if (action.type === 'tick') { 

      return state + step; 

    } else { 

      throw new Error(); 

    } 

  } 

  useEffect(() => { 

    const id = setInterval(() => { 

      dispatch({ type: 'tick' }); 

    }, 1000); 

    return () => clearInterval(id); 

  }, [dispatch]); 

  return <h1>{count}</h1>; 

（编辑：辽源站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!