276浏览

0评论

react类组件生命周期

生命周期调用顺序constroctorcomponentWillMount 挂载前，使用至React17showComponentUpdate 决定组件是否要更新，返回布尔值componentWillUpdate 组...

• 空空 / react / 2023-01-10

263浏览

0评论

组件通信的方式有哪些

⽗组件向⼦组件通讯: ⽗组件可以向⼦组件通过传 props 的⽅式， 向⼦组件进⾏通讯⼦组件向⽗组件通讯: props+回调的⽅式，⽗组件向⼦组件传递 props 进⾏通讯，此 props 为作⽤域为⽗组件⾃身的函 数，⼦组件 调⽤该函数，...

• 空空 / react / 2023-01-06

208浏览

0评论

为什么使用 jsx 的组件中没有看到使用 react 却需要引入 react？

本质上来说 JSX 是 React.createElement(component, props, ...children)方法的语法糖。在 React 17 之前，如果使用了 JSX，其实就是在使用 React， babel 会把组件转换...

• 空空 / react / 2023-01-06

700浏览

0评论

在 React 中页面重新加载时怎样保留数据

这个问题就设计到了数据持久化，主要的实现方式有以下几种：Redux：将页面的数据存储在 redux 中，在重新加载页面时，获取 Redux 中的数据；data.js：使用 webpack 构建的项目，可以建一个文件，data.js，将 数据...

•    热门
• 空空 / react / 2023-01-06

234浏览

0评论

React 与 Vue 的 diff 算法有何不同

diff 算法是指生成更新补丁的方式，主要应用于虚拟 DOM 树变化后， 更新真实 DOM。所以 diff 算法一定存在这样一个过程：触发更新 → 生成补丁 → 应用补丁。React 的 diff 算法，触发更新的时机主要在 state 变...

• 空空 / react / 2023-01-06

254浏览

0评论

React key 是干嘛用的 为什么要加？key 主要是解决哪一 类问题的

Keys 是 React 用于追踪哪些列表中元素被修改、被添加或者被移除 的辅助标识。在开发过程中，我们需要保证某个元素的 key 在其同 级元素中具有唯一性。在 React Diff 算法中 React 会借助元素的 Key 值来判断该元...

• 空空 / react / 2022-12-31

329浏览

0评论

React Hook 的使用限制有哪些？

React Hooks 的限制主要有两条： 不要在循环、条件或嵌套函数中调用 Hook； 在 React 的函数组件中调用 Hook。那为什么会有这样的限制呢？Hooks 的设计初衷是为了改进 React 组件的开发模式。在旧有的开发模式下...

• 空空 / react / 2022-12-31

349浏览

0评论

Redux 中间件是怎么拿到 store 和 action? 然后怎么处 理?

redux 中间件本质就是一个函数柯里化。redux applyMiddleware Api 源码中每个 middleware 接受 2 个参数，Store 的 getState 函数和 dispatch 函数，分别获得 store 和 a...

• 空空 / react / 2022-12-31

299浏览

0评论

Redux 和 Vuex 有什么区别，它们的共同思想

（1）Redux 和 Vuex 区别Vuex 改进了 Redux 中的 Action 和 Reducer 函数，以 mutations 变化 函数取代 Reducer，无需 switch，只需在对应的 mutation 函数里改 变 sta...

• 空空 / react / 2022-12-31

999+浏览

0评论

Redux 状态管理器和变量挂载到 window 中有什么区别

两者都是存储数据以供后期使用。但是 Redux 状态更改可回溯——Time travel，数据多了的时候可以很清晰的知道改动在哪里发生，完整的提供了一套状态管理模式。随着 JavaScript 单页应用开发日趋复杂，JavaScript 需...

•    热门
• 空空 / react / 2022-12-31