關於npm包,react-lifecycles-compat
阿新 • • 發佈:2018-12-30
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