摘要: react中这两个生命周期会触发死循环 componentWillUpdate生命周期在shouldComponentUpdate返回true后被触发。在这两个生命周期只要视图更新就会触发,因此不能再这两个生命周期中使用setState。否则会导致死循环 react性能优化是在哪个生命周期函数中 在 阅读全文
posted @ 2022-11-02 07:55 beifeng11996 阅读(46) 评论(0) 推荐(0) 编辑
摘要: 一、React 渲染流程和更新流程 react渲染流程:jsx -> 虚拟dom -> 真实dom react更新流程:props/state改变 -> render函数重新执行 -> 生成新的虚拟dom树 -> 新旧虚拟dom树进行diff -> 计算出差异进行更新 ->更新到真实的dom树 所以 阅读全文
posted @ 2022-11-02 07:52 beifeng11996 阅读(9) 评论(0) 推荐(0) 编辑
摘要: 组件之间传值 父组件给子组件传值 在父组件中用标签属性的=形式传值 在子组件中使用props来获取值 子组件给父组件传值 在组件中传递一个函数 在子组件中用props来获取传递的函数,然后执行该函数 在执行函数的时候把需要传递的值当成函数的实参进行传递 兄弟组件之间传值 利用父组件 先把数据通过 【 阅读全文
posted @ 2022-11-02 07:52 beifeng11996 阅读(59) 评论(0) 推荐(0) 编辑
摘要: 我们先看下 React 官方文档对这两个 hook 的介绍,建立个整体认识 useEffect(create, deps): 该 Hook 接收一个包含命令式、且可能有副作用代码的函数。在函数组件主体内(这里指在 React 渲染阶段)改变 DOM、添加订阅、设置定时器、记录日志以及执行其他包含副作 阅读全文
posted @ 2022-11-02 07:50 beifeng11996 阅读(49) 评论(0) 推荐(0) 编辑