摘要: 类组件(Class component)和函数式组件(Functional component)之间有何不同 类组件不仅允许你使用更多额外的功能,如组件自身的状态和生命周期钩子,也能使组件直接访问 store 并维持状态 当组件仅是接收 props,并将组件自身渲染到页面时,该组件就是一个 '无状态 阅读全文
posted @ 2023-01-05 11:12 beifeng11996 阅读(23) 评论(0) 推荐(0) 编辑
摘要: 一、React 渲染流程和更新流程 react渲染流程:jsx -> 虚拟dom -> 真实dom react更新流程:props/state改变 -> render函数重新执行 -> 生成新的虚拟dom树 -> 新旧虚拟dom树进行diff -> 计算出差异进行更新 ->更新到真实的dom树 所以 阅读全文
posted @ 2023-01-05 11:12 beifeng11996 阅读(26) 评论(0) 推荐(0) 编辑
摘要: 高阶组件 高阶函数:如果一个函数接受一个或多个函数作为参数或者返回一个函数就可称之为高阶函数。 高阶组件:如果一个函数 接受一个或多个组件作为参数并且返回一个组件 就可称之为 高阶组件。 react 中的高阶组件 React 中的高阶组件主要有两种形式:属性代理和反向继承。 属性代理 Proxy 操 阅读全文
posted @ 2023-01-05 11:11 beifeng11996 阅读(27) 评论(0) 推荐(0) 编辑
摘要: 我们先看下 React 官方文档对这两个 hook 的介绍,建立个整体认识 useEffect(create, deps): 该 Hook 接收一个包含命令式、且可能有副作用代码的函数。在函数组件主体内(这里指在 React 渲染阶段)改变 DOM、添加订阅、设置定时器、记录日志以及执行其他包含副作 阅读全文
posted @ 2023-01-05 11:11 beifeng11996 阅读(22) 评论(0) 推荐(0) 编辑