上一页 1 ··· 7 8 9 10 11 12 13 14 15 ··· 24 下一页
摘要: 何为 redux Redux 的基本思想是整个应用的 state 保持在一个单一的 store 中。store 就是一个简单的 javascript 对象,而改变应用 state 的唯一方式是在应用中触发 actions,然后为这些 actions 编写 reducers 来修改 state。整个 阅读全文
posted @ 2022-12-12 09:52 beifeng11996 阅读(58) 评论(0) 推荐(0) 编辑
摘要: 先来几个术语: | 官方 | 我的说法 | 对应代码 | | | | | | React element | React元素 | let element=<span>A爆了</span> | | Component | 组件 | class App extends React.Component { 阅读全文
posted @ 2022-12-12 09:51 beifeng11996 阅读(31) 评论(0) 推荐(0) 编辑
摘要: state 和 props 触发更新的生命周期分别有什么区别? state 更新流程: 这个过程当中涉及的函数: shouldComponentUpdate: 当组件的 state 或 props 发生改变时,都会首先触发这个生命周期函数。它会接收两个参数:nextProps, nextState— 阅读全文
posted @ 2022-12-12 09:51 beifeng11996 阅读(74) 评论(0) 推荐(0) 编辑
摘要: 一、写一个时钟 用 react 写一个每秒都可以更新一次的时钟 import React from 'react' import ReactDOM from 'react-dom' function tick() { let ele = <h1>{ new Date().toLocaleTimeSt 阅读全文
posted @ 2022-12-12 09:50 beifeng11996 阅读(38) 评论(0) 推荐(0) 编辑
摘要: 在调用setState 之后发生了什么 状态合并,触发调和: setState函数之后,会将传入的参数对象与当前的状态合并,然后出发调用过程 根据新的状态构建虚拟dom树 经过调和过程,react会高效的根据新的状态构建虚拟DOM树,准备渲染整个UI页面 计算新老树节点差异,最小化渲染 得倒新的虚拟 阅读全文
posted @ 2022-12-07 09:16 beifeng11996 阅读(13) 评论(0) 推荐(0) 编辑
摘要: 一、React 渲染流程和更新流程 react渲染流程:jsx -> 虚拟dom -> 真实dom react更新流程:props/state改变 -> render函数重新执行 -> 生成新的虚拟dom树 -> 新旧虚拟dom树进行diff -> 计算出差异进行更新 ->更新到真实的dom树 所以 阅读全文
posted @ 2022-12-07 09:15 beifeng11996 阅读(20) 评论(0) 推荐(0) 编辑
摘要: React组件的构造函数有什么作用?它是必须的吗? 构造函数主要用于两个目的: 通过将对象分配给this.state来初始化本地状态 将事件处理程序方法绑定到实例上 所以,当在React class中需要设置state的初始值或者绑定事件时,需要加上构造函数,官方Demo: class LikeBu 阅读全文
posted @ 2022-12-07 09:14 beifeng11996 阅读(101) 评论(0) 推荐(0) 编辑
摘要: 我们先看下 React 官方文档对这两个 hook 的介绍,建立个整体认识 useEffect(create, deps): 该 Hook 接收一个包含命令式、且可能有副作用代码的函数。在函数组件主体内(这里指在 React 渲染阶段)改变 DOM、添加订阅、设置定时器、记录日志以及执行其他包含副作 阅读全文
posted @ 2022-12-07 09:12 beifeng11996 阅读(13) 评论(0) 推荐(0) 编辑
摘要: React-Router怎么设置重定向? 使用<Redirect>组件实现路由的重定向: <Switch> <Redirect from='/users/:id' to='/users/profile/:id'/> <Route path='/users/profile/:id' component 阅读全文
posted @ 2022-11-18 09:20 beifeng11996 阅读(42) 评论(0) 推荐(0) 编辑
摘要: Debounce debounce 原意消除抖动,对于事件触发频繁的场景,只有最后由程序控制的事件是有效的。 防抖函数,我们需要做的是在一件事触发的时候设置一个定时器使事件延迟发生,在定时器期间事件再次触发的话则清除重置定时器,直到定时器到时仍不被清除,事件才真正发生。 const debounce 阅读全文
posted @ 2022-11-18 09:19 beifeng11996 阅读(46) 评论(0) 推荐(0) 编辑
上一页 1 ··· 7 8 9 10 11 12 13 14 15 ··· 24 下一页