Day 29 测试 React 元件:测试 React Hook

我们的范例是一个自己做的 hook 叫做 useCounter ,要来验证它的 incrementdecrement function 会正确地更新 count 这个 state。

use-counter.js

import React from 'react'

function useCounter({initialCount = 0, step = 1} = {}) {
  const [count, setCount] = React.useState(initialCount)
  const increment = () => setCount(c => c + step)
  const decrement = () => setCount(c => c - step)
  return {count, increment, decrement}
}

export {useCounter}

P.S.等铁人赛结束,要回来补好多东西 QQ


<<:  第29天:档案下载

>>:  Day [29] Azure Custom Vision-Line Chatbot整合(一)

[Day06] Flutter with GetX shared_preference

Shared preference App关闭再次启动後,需要保存的资料可以先保存在shared_p...

网站推广的宣传方法有多少种?

关於网站的推广宣传,千人有千法,如果把这些方法全部结合起来,会不会是一部推广百科全书?根据各位站长...

[Cmoney 菁英软件工程师战斗营] IOS APP 菜鸟开发笔记(1)

前言: 这周被分配到报告MVC、MVP与MVVM三种专案架构的比较,尽管之前在课堂上听过老师提过三者...

[Day3] 人脸侦测 (Face Detection)

小游戏,威利在哪里? (威利穿着红白条纹的衬衫并戴着一个绒球帽,手上拿着木制的手杖,还戴着一副眼镜...

Day7 Sideproject(作品集) from 0 to 1 - 业务流程

昨天我们决定完功能了 今天来讲讲在正式开写code前 可以做的事情 相信可以让你之後写起来更流畅 虽...