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'])
}