280浏览

0评论

应该在 React 组件的何处发起 Ajax 请求

在 React 组件中，应该在 componentDidMount 中发起网络请求。这个方法会在组件第一次“挂载”(被添加到 DOM)时执行，在组件的生命周期中仅会执行一次。更重要的是，你不能保证在组件挂载之前 Ajax 请求已经完成，...

• 空空 / react / 2022-12-06

239浏览

0评论

(组件的)状态(state)和属性(props)之间有何不同？

1. State 是一种数据结构，用于组件挂载时所需数据的默认值。State 可能会随着时间的推移而发生突变，但多数时候是作为用户事件行为的结果。 2. Props(properties 的简写)则是组件的配置。props 由父组...

• 空空 / react / 2022-12-06

276浏览

0评论

类组件(Class component)和函数式组件(Functional component)之间有何不 同？

1.类组件不仅允许你使用更多额外的功能，如组件自身的状态和生命周期钩子，也能使组件直接访问 store 并维持状态 2.当组件仅是接收 props，并将组件自身渲染到页面时，该组件就是一个 '无状态组件(stateless com...

• 空空 / react / 2022-12-06

234浏览

0评论

使用 React 有何优点

1.只需查看 render 函数就会很容易知道一个组件是如何被渲染的 2.JSX 的引入，使得组件的代码更加可读，也更容易看懂组件的布局，或者组件之间是如何互相引用的 3.支持服务端渲染，这可以改进 SEO 和性...

• 空空 / react / 2022-12-06

278浏览

0评论

React 的工作原理

React 会创建一个虚拟 DOM(virtual DOM)。当一个组件中的状态改变时，React 首先会通过 "diffing" 算法来标记虚拟 DOM 中的改变，第二步是调节(reconciliation)，会用 diff的结果来更...

• 空空 / react / 2022-12-06

213浏览

0评论

了解 shouldComponentUpdate 吗

React 虚拟 dom 技术要求不断的将 dom 和虚拟 dom 进行 diff 比较，如果 dom 树比价大，这种比较操作会比较耗时，因此 React 提供了 shouldComponentUpdate 这种补丁函数，如果对于一些变...

• 空空 / react / 2022-12-06

205浏览

0评论

React 性能优化方案

1）重写 shouldComponentUpdate 来避免不必要的 dom 操作。 2）使用 production 版本的 React.js。 3）使用 key 来帮助 React 识别列表中所有子组件的最小变化...

• 空空 / react / 2022-12-05

219浏览

0评论

diff 算法?

1.把树形结构按照层级分解，只比较同级元素。 2.给列表结构的每个单元添加唯一的 key 属性，方便比较。 3.React 只会匹配相同 class 的 component（这里面的 class 指的是组件的名字） 4...

• 空空 / react / 2022-12-05

235浏览

0评论

为什么虚拟 dom 会提高性能

虚拟 dom 相当于在 js 和真实 dom 中间加了一个缓存，利用 dom diff 算法避免了没有必要的 dom 操作，从而提高性能。 具体实现步骤如下： 1.用 JavaScript 对象结构表示 DOM 树的结构；然...

• 空空 / react / 2022-12-05

263浏览

0评论

React 性能优化是哪个周期函数

shouldComponentUpdate 这个方法用来判断是否需要调用 render 方法重新描绘 dom。因为 dom 的描绘非常消耗性能，如果我们能在 shouldComponentUpdate 方法中能够写出更优化的 dom d...

• 空空 / react / 2022-12-05