react hooks 规则以及自定义hooks的实现

1.只在顶层调用hooks

2.只在函数组件中调用hooks

不要再循环 条件 或者潜逃函数中调用hooks

if(props.name){

const [count,setCount] = useState(0)

// 不建议这样使用

}

函数顶层作用域

for 循环调用也不行

不能在class 组件中调用hooks

未来class组件也会支持使用hooks

 

 

封装自定义hooks

名称以use开通 函数

// 取消订阅 防止内存泄漏

修改title的hooks

// useDocumentTitle("我是标题")

const useDocumentTitle = (title)=>{

 

useEffect(()=>{

document.title = title

// 只有title修改的时候 我才去更新title

},['title'])

}