- 博客(5)
- 收藏
- 关注
原创 JavaScript Symbol.iterator
粗略的实现Array的功能 interface MyArray<T> { [key: number]: T } class MyArray<T> { constructor() { // Object.defineProperties(this, { // length: { // enumerable: false // } // });
2020-11-22 17:13:25 378
原创 react hooks之useRef
在函数组件中的一个全局变量,不会因为重复 render 重复申明 const SaveVal = () => { let timer = setTimeout(() => {}); let ref = useRef(timer); let [count, setCount] = useState(0) return ( <div> {timer}~{ref.current}~{count}<br />
2020-11-03 19:39:17 404
原创 typescript Object is possibly ‘null‘.
明知道这个值不可能为null, 但是类型系统判断可能为null 解决这个问题只需要加’!’ const SaveEle = () => { let ref = useRef<HTMLInputElement>(null); let [val, setVal] = useState(0); return ( <div> <div>{val}</div> <inpu
2020-11-03 19:08:26 1188
原创 react hooks之useEffect
相对于class component来说,所有的生命周期都在effect中 effect定义官方的index.d.ts type EffectCallback = () => (void | (() => void | undefined)); type DependencyList = ReadonlyArray<any>; function useEffect(effect: EffectCallback, deps?: DependencyList): void; 接受的第一
2020-11-02 21:36:21 1031
原创 react hooks之useState
import React , { useState } from 'react'; export const Demo11 = () => { let [count, setCount] = useState(() => { return new Date().getTime(); }); return ( <div> <div>{count}</div>
2020-11-02 20:33:56 146
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人