react hooks 使用 ts

[gaowei1012]

在 react hooks 使用 ts，日常开发

[gaowei1012]

使用 useState 定义类型

// 初始化类型是，指定 `str` 的类型为 `string`
const [str, setStr] = useState<String>('hello')

// 定义接口
interface Pepole {
    name: String,
    age: Number,
    desc?: String // 可选参数
}

const [user, setUser] =useState<Pepole>({name: 'age', age: 12, desc: 'test'})

[gaowei1012]

使用 useEffect 副作用

useEffect(() => {
    const listener = addEventListener(name, callback);
    return () => {
        removeEventListener(listener)
    }
}, [name, callback])

[gaowei1012]

使用 useCallback 自定义函数

const _add = useCallback((add: Number) => {
        return add ++
})