关于react-hooks:React-Hook介绍和应用

介绍：

官网上，给Hook的定义是：一些能够让你在函数组件里“钩入” React state 及生命周期等个性的函数。Hook不能在class中应用，然而，能够在新组件中应用Hook。

Hook的应用规定：
1，只能在函数最外层调用Hook，不要在循环，条件判断 或 子函数 中调用Hook
2，只能在两个中央调用Hook，React 的函数组件 和 自定义Hook中

自定义Hook：
如果函数的名字以 “use” 结尾并调用其余 Hook，咱们就说这是一个自定义 Hook
应用场景：组件之间重用一些状态逻辑。
特点：自定义Hook 的每次调用都有一个齐全独立的 state —— 因而你能够在单个组件中屡次调用同一个自定义 Hook。

内置的几个Hook

useState

入参：定义的state中变量的初始值
返回值：定义的state中变量名; 批改此变量的办法, 更新此变量时，总是替换它，而不是合并它（和this.setState( ) 区别的合并不同，留神区别）
例1：

// 申明一个count的state变量，它的初始值是0，并且通过setCount办法更新countconst [count, setCount] = useState(0);

例2：

// 可在一个react组件中定义多个useStateconst MultiThing = () => {    const [age, setAge] = useState(30)  const [] = useState('apple')  // error变量是Error或者null类型，并且初始值是null  const [error, setError] = useState<Error | null>(null);}

接下来几天，会持续介绍其余Hook和我的项目中用到的自定义Hook