上一页 1 ··· 3 4 5 6 7 8 9 10 11 ··· 24 下一页
摘要: state 和 props 触发更新的生命周期分别有什么区别? state 更新流程: 这个过程当中涉及的函数: shouldComponentUpdate: 当组件的 state 或 props 发生改变时,都会首先触发这个生命周期函数。它会接收两个参数:nextProps, nextState— 阅读全文
posted @ 2023-01-06 09:52 beifeng11996 阅读(119) 评论(0) 推荐(0) 编辑
摘要: 先来几个术语: | 官方 | 我的说法 | 对应代码 | | | | | | React element | React元素 | let element=<span>A爆了</span> | | Component | 组件 | class App extends React.Component { 阅读全文
posted @ 2023-01-06 09:52 beifeng11996 阅读(39) 评论(0) 推荐(0) 编辑
摘要: redux与mobx的区别? 两者对⽐: redux将数据保存在单⼀的store中,mobx将数据保存在分散的多个store中 redux使⽤plain object保存数据,需要⼿动处理变化后的操作;mobx适⽤observable保存数据,数据变化后⾃动处理响应的操作 redux使⽤不可变状态, 阅读全文
posted @ 2023-01-06 09:51 beifeng11996 阅读(44) 评论(0) 推荐(0) 编辑
摘要: 一、写一个时钟 用 react 写一个每秒都可以更新一次的时钟 import React from 'react' import ReactDOM from 'react-dom' function tick() { let ele = <h1>{ new Date().toLocaleTimeSt 阅读全文
posted @ 2023-01-06 09:50 beifeng11996 阅读(19) 评论(0) 推荐(0) 编辑
摘要: 类组件(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) 编辑
摘要: 怎么用 React.createElement 重写下面的代码 Question: const element = ( <h1 className="greeting"> Hello, rdhub.cn! </h1> ); Answer: const element = React.createEl 阅读全文
posted @ 2023-01-04 15:42 beifeng11996 阅读(67) 评论(0) 推荐(0) 编辑
摘要: Debounce debounce 原意消除抖动,对于事件触发频繁的场景,只有最后由程序控制的事件是有效的。 防抖函数,我们需要做的是在一件事触发的时候设置一个定时器使事件延迟发生,在定时器期间事件再次触发的话则清除重置定时器,直到定时器到时仍不被清除,事件才真正发生。 const debounce 阅读全文
posted @ 2023-01-04 15:42 beifeng11996 阅读(174) 评论(0) 推荐(0) 编辑
上一页 1 ··· 3 4 5 6 7 8 9 10 11 ··· 24 下一页