React
关注
分享
扫一扫
文章平均质量分 57
React相关
MossGrower
世界是你们的,也是他们的,但是归根结底是我们程序猿的！！！
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
14. 对有状态组件和无状态组件的理解及使用场景？
14. 对有状态组件和无状态组件的理解及使用场景？类组件可以维护自身的状态变量，即组件的 state ，类组件还有不同的生命周期方法，可以让开发者能够在组件的不同阶段（挂载、更新、卸载），对组件做更多的控制。类组件则既可以充当无状态组件，也可以充当有状态组件。当一个类组件不需要管理自身状态时，也可称为无状态组件。组件内部状态且与外部无关的组件，可以考虑用状态组件，这样状态树就不会过于复杂，易于理解和管理。当一个组件不需要管理自身状态时，也就是无状态组件，应该优先设计为函数组件。比如自定义的原创 2022-09-05 09:21:43 · 703 阅读 · 0 评论 -
13. React 声明组件有哪几种方法, 有什么不同？
13. React 声明组件有哪几种方法, 有什么不同？无状态函数式组件 它是为了创建纯展示组件，这种组件只负责根据传入的props来展示，不涉及到state状态的操作 组件不会被实例化，整体渲染性能得到提升，不能访问this对象，不能访问生命周期的方法ES5 原生方式 React.createClass // RFC React.createClass会自绑定函数方法，导致不必要的性能开销，增加代码过时的可能性。E6继承形式 React.Component // RCC 目前极为推荐的创建有状态组件的原创 2022-09-05 09:11:47 · 628 阅读 · 0 评论 -
10. 对 componentWillReceiveProps 的理解？
10. 对 componentWillReceiveProps 的理解？该方法当 props 发生变化时执行, 初始化 render 时不执行, 在这个回调函数里面, 你可以根据属性的变化, 通过调用 this.setState() 来更新你的组件状态, 旧的属性还是可以通过 this.props 来获取, 这里调用更新状态是安全的, 并不会触发额外的 render 调用。...原创 2022-08-29 09:39:23 · 1012 阅读 · 0 评论 -
9. React 高阶组件是什么, 和普通组件有什么区别, 适用什么场景？
9. React 高阶组件是什么, 和普通组件有什么区别, 适用什么场景？高阶组件(`HOC`)就是一个函数, 且该函数接受一个组件作为参数, 并返回一个新的组件, 它只是一种组件的设计模式, 这种设计模式是由 `react` 自身的组合性质必然产生的。我们将它们称为纯组件, 因为它们可以接受任何动态提供的子组件, 但它们不会修改或复制其输入组件中的任何行为。...原创 2022-08-29 09:36:13 · 2118 阅读 · 1 评论 -
8. React.createClass 和 extends Component 的区别有哪些？
8. React.createClass 和 extends Component 的区别有哪些？createClass本质上是一个工厂函数，extends的方式更加接近最新的ES6规范的class写法。两种方式在语法上的差别主要体现在方法的定义和静态属性的声明上createClass方式的方法定义使用逗号，隔开，因为creatClass本质上是一个函数，传递给它的是一个Object；而class的方式定义方法时务必谨记不要使用逗号隔开，这是ES6 class的语法规范。...原创 2022-08-29 09:31:48 · 597 阅读 · 0 评论 -
7. Component, Element, Instance 之间有什么区别和联系？
7. Component, Element, Instance 之间有什么区别和联系？函数式组件(`Functional component`)根本没有实例 `instance`。类组件(`Class component`)有实例 `instance`, 但是永远也不需要直接创建一个组件的实例, 因为 `React` 帮我们做了这些。...原创 2022-08-27 09:45:42 · 1118 阅读 · 0 评论 -
6. React.Component 和 React.PureComponent 的区别？
6. React.Component 和 React.PureComponent 的区别？PureComponent表示一个纯组件，可以用来优化React程序，减少render函数执行的次数，从而提高组件的性能。在React中，当prop或者state发生变化时，可以通过在shouldComponentUpdate生命周期函数中执行return false来阻止页面的更新，从而减少不必要的render执行。React.PureComponent会自动执行shouldComponentUpdate。...原创 2022-08-27 09:36:52 · 429 阅读 · 0 评论 -
5. 对 React-Fiber 的理解, 它解决了什么问题？
5. 对 React-Fiber 的理解, 它解决了什么问题？`React V15` 在渲染时, 会递归比对 `Virtual DOM` 树, 找出需要变动的节点, 然后同步更新它们, 一气呵成。这个过程期间, `React` 会占据浏览器资源, 这会导致用户触发的事件得不到响应, 并且会导致掉帧, 导致用户感觉到卡顿。...原创 2022-08-26 09:36:06 · 706 阅读 · 0 评论 -
4. React 高阶组件、Render props、hooks 有什么区别, 为什么要不断迭代？
4. React 高阶组件、Render props、hooks 有什么区别, 为什么要不断迭代？这三者是目前 `react` 解决代码复用的主要方式: 高阶组件(`HOC`)是 `React` 中用于复用组件逻辑的一种高级技巧。`HOC` 自身不是 `React API` 的一部分, 它是一种基于 `React` 的组合特性而形成的设计模式。具体而言, 高阶组件是参数为组件, 返回值为新组件的函数...原创 2022-08-26 09:34:14 · 524 阅读 · 0 评论 -
3. React 组件中怎么做事件代理？它的原理是什么？
3. React 组件中怎么做事件代理？它的原理是什么？`React` 基于 `Virtual DOM` 实现了一个 `SyntheticEvent` 层(合成事件层), 定义的事件处理器会接收到一个合成事件对象的实例, 它符合 `W3C` 标准, 且与原生的浏览器事件拥有同样的接口, 支持冒泡机制, 所有的事件都自动绑定在最外层上。...原创 2022-08-26 09:31:44 · 1125 阅读 · 0 评论 -
2. React 的事件和普通的 HTML 事件有什么不同？
2. React 的事件和普通的 HTML 事件有什么不同？对于事件名称命名方式, 原生事件为全小写, `react` 事件采用小驼峰对于事件函数处理语法, 原生事件为字符串, `react` 事件为函数`react` 事件不能采用 `return false` 的方式来阻止浏览器的默认行为, 而必须要地明确地调用 `preventDefault()` 来阻止默认行为原创 2022-08-23 09:36:25 · 594 阅读 · 0 评论 -
第12章：react-redux
第12章：react-reduxReact 是一个用于构建用户界面的 JAVASCRIPT 库。React 主要用于构建 UI， 很多人认为 React 是 MVC 中的 V（ 视图）。React 起源于 Facebook 的内部项目， 用来架设 Instagram 的网站， 并于 2013 年 5 月开源。React 拥有较高的性能， 代码逻辑非常简单， 越来越多的人已开始关注和使用它...原创 2022-08-18 14:12:20 · 475 阅读 · 0 评论 -
第10章：React 路由
第10章：React 路由React 是一个用于构建用户界面的 JAVASCRIPT 库。React 主要用于构建 UI， 很多人认为 React 是 MVC 中的 V（ 视图）。React 起源于 Facebook 的内部项目， 用来架设 Instagram 的网站， 并于 2013 年 5 月开源。React 拥有较高的性能， 代码逻辑非常简单， 越来越多的人已开始关注和使用它...原创 2022-08-18 13:57:27 · 492 阅读 · 0 评论 -
第9章：React Hooks
第9章：React HooksReact 是一个用于构建用户界面的 JAVASCRIPT 库。React 主要用于构建 UI， 很多人认为 React 是 MVC 中的 V（ 视图）。React 起源于 Facebook 的内部项目， 用来架设 Instagram 的网站， 并于 2013 年 5 月开源。React 拥有较高的性能， 代码逻辑非常简单， 越来越多的人已开始关注和使用它...原创 2022-08-17 16:32:33 · 560 阅读 · 0 评论 -
第8章：React生命周期
第8章：React生命周期React 是一个用于构建用户界面的 JAVASCRIPT 库。React 主要用于构建 UI， 很多人认为 React 是 MVC 中的 V（ 视图）。React 起源于 Facebook 的内部项目， 用来架设 Instagram 的网站， 并于 2013 年 5 月开源。React 拥有较高的性能， 代码逻辑非常简单， 越来越多的人已开始关注和使用它...原创 2022-08-18 09:58:19 · 430 阅读 · 0 评论 -
第7章：组件通信的方式
第7章：组件通信的方式React 是一个用于构建用户界面的 JAVASCRIPT 库。React 主要用于构建 UI， 很多人认为 React 是 MVC 中的 V（ 视图）。React 起源于 Facebook 的内部项目， 用来架设 Instagram 的网站， 并于 2013 年 5 月开源。React 拥有较高的性能， 代码逻辑非常简单， 越来越多的人已开始关注和使用它...原创 2022-08-17 09:38:05 · 474 阅读 · 0 评论 -
第6章：表单中的受控组件与非受控组件
第6章：表单中的受控组件与非受控组件React 是一个用于构建用户界面的 JAVASCRIPT 库。React 主要用于构建 UI， 很多人认为 React 是 MVC 中的 V（ 视图）。React 起源于 Facebook 的内部项目， 用来架设 Instagram 的网站， 并于 2013 年 5 月开源。React 拥有较高的性能， 代码逻辑非常简单， 越来越多的人已开始关注和使用它...原创 2022-08-17 09:31:27 · 505 阅读 · 0 评论 -
第5章：组件的数据挂载方式
第5章：组件的数据挂载方式React 是一个用于构建用户界面的 JAVASCRIPT 库。React 主要用于构建 UI， 很多人认为 React 是 MVC 中的 V（ 视图）。React 起源于 Facebook 的内部项目， 用来架设 Instagram 的网站， 并于 2013 年 5 月开源。React 拥有较高的性能， 代码逻辑非常简单， 越来越多的人已开始关注和使用它......原创 2022-08-17 09:21:01 · 648 阅读 · 0 评论 -
第4章：React ajax
第4章： React ajaxReact 是一个用于构建用户界面的 JAVASCRIPT 库。React 主要用于构建 UI， 很多人认为 React 是 MVC 中的 V（ 视图）。React 起源于 Facebook 的内部项目， 用来架设 Instagram 的网站， 并于 2013 年 5 月开源。React 拥有较高的性能， 代码逻辑非常简单， 越来越多的人已开始关注和使用它...原创 2022-07-08 17:12:35 · 944 阅读 · 0 评论 -
第3章：React 应用(基于 React 脚手架)
第3章：React 应用(基于 React 脚手架)React 是一个用于构建用户界面的 JAVASCRIPT 库。React 主要用于构建 UI，很多人认为 React 是 MVC 中的 V（视图）。React 起源于 Facebook 的内部项目，用来架设 Instagram 的网站，并于 2013 年 5 月开源。React 拥有较高的性能，代码逻辑非常简单，越来越多的人已开始关注和使用它...原创 2022-07-08 17:02:10 · 470 阅读 · 0 评论 -
第2章：React面向组件编程
第2章：React 面向组件编程React 是一个用于构建用户界面的 JAVASCRIPT 库。React 主要用于构建 UI，很多人认为 React 是 MVC 中的 V（视图）。React 起源于 Facebook 的内部项目，用来架设 Instagram 的网站，并于 2013 年 5 月开源。React 拥有较高的性能，代码逻辑非常简单，越来越多的人已开始关注和使用它。...原创 2022-07-06 13:47:31 · 803 阅读 · 0 评论 -
第1章：React 入门
第1章：React 入门React 是一个用于构建用户界面的 JAVASCRIPT 库。React 主要用于构建 UI，很多人认为 React 是 MVC 中的 V（视图）。React 起源于 Facebook 的内部项目，用来架设 Instagram 的网站，并于 2013 年 5 月开源。React 拥有较高的性能，代码逻辑非常简单，越来越多的人已开始关注和使用它。......原创 2022-07-05 17:03:30 · 796 阅读 · 0 评论