加入收藏 | 设为首页 | 会员中心 | 我要投稿 宿州站长网 (https://www.0557zz.com/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 建站 > 正文

深入理解React的Virtual DOM

发布时间:2019-04-26 01:46:25 所属栏目:建站 来源:Choerodon
导读:副标题#e# React在前端界一直很流行,而且学起来也不是很难,只需要学会JSX、理解State和Props,然后就可以愉快的玩耍了,但想要成为React的专家你还需要对React有一些更深入的理解,希望本文对你有用。 这是Choerodon的一个前端页面 在复杂的前端项目中一

在引入浅层比较的npm包后,开发者可以编写如下代码:

  1. class TableRow extends React.Component {  
  2.   shouldComponentUpdate(nextProps, nextState) {  
  3.     const { props, state } = this;  
  4.     return !shallowequal(props, nextProps)  
  5.            && !shallowequal(state, nextState);  
  6.   }  
  7.   render() { /* ... */ }  

但是你甚至不必自己编写代码,因为React在一个名为React.PureComponent的类中内置了这个功能,它类似于React.Component,只是shouldComponentUpdate已经为你实现了浅层props/state比较。

(编辑:宿州站长网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!