关于npm包，react-lifecycles-compat

Posted 2021-01-30 liuerhou

看看这包名起的，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了