码迷,mamicode.com
首页 > 其他好文 > 详细

关于npm包,react-lifecycles-compat

时间:2018-12-30 13:59:34      阅读:143      评论:0      收藏:0      [点我收藏+]

标签:asc   extend   component   pat   官方   end   代码   .com   imp   

看看这包名起的,react生命周期兼容。。。

 

一开始我看到这个的时候本以为这是一个可以对react已经废弃的api做一个兼容处理。。

那么是不是就意味着,我们根本就不用做react升级。??????

后来深入的读了一下官方的ReadMe,,,,

这个包的主要目的是使react的新Api能够在旧版本的react上使用。(0.14.9+)。

这就有点烦了,人家根本不是为了让你不用更新react组件才出的这个包,人家是为了让你在更新完之后还能在老的react版本上跑(没错,放心的更新你们的react组件吧,更新之后的新Api我们已经出了包让你在各种react上跑了),,,,

不过使用起来还是非常简单的

 

你只需要先,

npm install react-lifecycles-compat

  

然后在你使用的代码中

 

import React from ‘react‘;

import {polyfill} from ‘react-lifecycles-compat‘;

class Exampels extends React.component{

getDevrivedStateFromProps(nextProps,preState){

 

};

  getSnapshotBeforeUpdate(prevProps, prevState) {
 

}

}//好,我在代码中使用这两个新的名字特别长的生命周期方法了

polyfill(Examples);

export default Examples;

 

  

然后就可以了,其实就是将你使用过新的api的组件用polyfill包一下就ok了

关于npm包,react-lifecycles-compat

标签:asc   extend   component   pat   官方   end   代码   .com   imp   

原文地址:https://www.cnblogs.com/liuerhou/p/10199177.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!