5.23 - hooks 学习3
- 创建 portal 允许在父组件之外渲染子组件。（Portal 提供了一种将子节点渲染到存在于父组件以外的 DOM 节点的优秀的方案）也就是适合脱离文档流的组件。
1. 使用 ReactDOM.createPortal() 和 ReactDOM.unmountComponentAtNode()创建和删除 portal 的功能。并使用 useCallback() 钩子将这些函数包装和记忆为createPortal()。
- 使用useState()带有函数的钩子来懒惰地初始化值。
- useRequestAnimationFrame 动画函数钩子
1. 参数 callback 参数与performance.now()的返回值相同，它表示 requestAnimationFrame() 开始去执行回调函数的时刻。
2. 返回一个 long 整数，请求 ID 是回调列表中唯一的标识，用于取消回调函数。
- 创建 portal 允许在父组件之外渲染子组件。（Portal 提供了一种将子节点渲染到存在于父组件以外的 DOM 节点的优秀的方案）也就是适合脱离文档流的组件。
1. 使用 ReactDOM.createPortal() 和 ReactDOM.unmountComponentAtNode()创建和删除 portal 的功能。并使用 useCallback() 钩子将这些函数包装和记忆为createPortal()。
- 使用useState()带有函数的钩子来懒惰地初始化值。
- useRequestAnimationFrame 动画函数钩子
1. 参数 callback 参数与performance.now()的返回值相同，它表示 requestAnimationFrame() 开始去执行回调函数的时刻。
2. 返回一个 long 整数，请求 ID 是回调列表中唯一的标识，用于取消回调函数。
展开
评论
点赞