当前位置: 首页 > 面试题库 >

React.Component与React.PureComponent

公冶渝
2023-03-14
问题内容

官方阵营文档状态“
React.PureComponentshouldComponentUpdate()只有比较浅的对象”,并建议针对这一点,如果状态是‘深’。

鉴于此,React.PureComponent在创建React组件时,为什么会有人偏爱它?

问题

  • React.Component我们可能会考虑使用对性能有什么影响React.PureComponent
  • 我猜 shouldComponentUpdate()PureComponent执行只有浅薄的比较。如果是这种情况,难道说的方法不能用于更深层次的比较吗?
  • “此外,React.PureComponentshouldComponentUpdate()跳过整个组件子树的属性更新”-这是否意味着属性更改会被忽略?

如果有帮助的话,阅读该媒体博客会引起疑问。


问题答案:

React.PureComponent和之间的主要区别React.Component是对状态变化 进行PureComponent
较浅的比较 。这意味着在比较标量值时会比较它们的值,但是在比较对象时只比较引用。它有助于提高应用程序的性能。

React.PureComponent可以满足以下任何条件。

  • 状态/道具应该是不可变的对象
  • 状态/道具不应具有层次结构
  • forceUpdate数据更改时您应该致电

如果您正在使用React.PureComponent,则应确保所有子组件也都是纯组件。

我们可以考虑将React.PureComponent用作React.component会对性能产生任何影响?

是的,它将提高您的应用程序性能(由于比较浅)

我猜Purecomponent的shouldComponentUpdate()仅执行浅表比较。如果是这种情况,该方法不能用于更深入的比较吗?

您猜对了。如果您满足我上面提到的任何条件,则可以使用它。

“此外,React.PureComponent的shouldComponentUpdate()会跳过整个组件子树的属性更新”-这是否意味着属性更改会被忽略?

是的,如果在浅层比较中找不到区别,则道具更改将被忽略。



 类似资料:
  • 问题内容: 我很困惑,组件和React类之间有什么区别? 以及何时在React类上使用组件?看起来组件是一个类,createClass创建一个组件。 https://facebook.github.io/react/docs/top-level- api.html React.Component 使用ES6类定义它们时,这是React组件的基类。有关如何在React中使用ES6类的信息,请参见可重

  • 为什么在教程中使用react.createClass而不使用react.component?参见: 我们最终的目标是让ES6类完全取代React.CreateClass,但在我们有了当前mixin用例的替代品和对该语言中的类属性初始化器的支持之前,我们不打算不推荐使用React.CreateClass

  • 官方的React文档声明“ 只执行粗浅的比较。如果是这样,难道不能用上述方法进行更深入的比较吗? “此外,的跳过整个组件子树的prop更新”-这是否意味着忽略prop更改? 在阅读这个媒体博客时出现了一个问题,如果它有帮助的话。

  • 我在下面添加可运行的代码段。第一个是React.PureComponent版本 为什么第二个成功运行,但第一个没有??我试图寻找原因,但没有找到任何好的理由

  • 我想将我的React应用程序按块拆分,但遇到了一个问题。不呈现通过加载的子。下面的示例代码。 文件一: 文件二 然后检索下一个错误: 未捕获的错误:缩小的React错误#130;访问http://facebook.github.io/react/docs/error-decoder.html?invariant=130&args[]=未定义&args[]=获取完整消息,或使用非缩小的开发环境获取完

  • 我在React中测试ES6语法,并编写如下组件: