1. 程式人生 > >關於npm包,react-lifecycles-compat

關於npm包,react-lifecycles-compat

xtend before 需要 後來 我們 pre date 你們 代碼

看看這包名起的,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