1.主要是对react-hook的理解
2.react-hook的共性
1.链表保存
const Hello = () => {
const [ text, setText ] = useState('hello')
useEffect(() => {
console.log('effect1')
return () => {
console.log('destory1');
}
})
useLayoutEffect(() => {
console.log('effect2')
return () => {
console.log('destory2');
}
})
return <div>effect</div>
}
挂载到Hello组件fiber上memoizedState如下：可以看到，打印出来结果和组件中声明hook的顺序是一样的，不难看出这是一个链表，这也是为什么react hook要求hook的使用不能放在条件分支语句中的原因，如果第一次mount走的是A情况，第二次updateMount走的是B情况，就会出现hooks链表混乱的情况，保证官方范式是比较重要的原因。
