react Hook 提供 useContext 函数,方便深层次嵌套组件在不使用状态管理器的情况下实现组件间的数据共享,不需要再像之前使用 Customer 消费者函数来获取数据。当我们需要修改 context 的数据时,只需要通过 context 传递一个函数即可。
Typescript 通过 type关键字来做别名,结合联合类型能够更加灵活地使用;另外提供类型断言,其语法是:<类型>值 或者 值 as 类型;类型断言并不是类型转换,是在已知多个类型的情况下我们把它断言的更加具体一些,所以类型断言是不能够断言联合类型中没有的类型。
Typescript 的 class 类是 js 中类的超集,在原有 js 标准 class 基础上,提供更加丰富的修饰符,默认情况下,所有的属性类型都是 public,可以自由访问,另外提供只允许在 class 内部访问的 private 修饰符,它和 protected 区别在于 protected 可以在其子类实例中访问;另外还提供了只读修饰符 readonly 和可通过类名来访问的静态属性 static 修饰符。
Typescript 的枚举类型是对 JavaScript 标准数据类型的扩展对于熟悉C语言的开发者来说,枚举类型并不陌生,它是一系列数值集合,我们可以更很方便维护一组数据集。
Typescript 是 JavaScript 的超集,它的使用可以更加规范Js编码时的数据类型,并且配合相应的 IDE,在组件复用的时候也具有更加智能的提示,下面来看下 Typescript 的一些基本类型。
在React以前的版本中,各类生命周期函数的提供,在给我们灵活的操作组件带来便利的同时,也造成了某些生命周期函数利用率低,代码冗余的现象,所以在后来的版本中,基于函数式组件React提供了React Hook的操作,使得函数是组件更加灵活,下面就是利用useEffect来实现的一个计时器效果。