之前公司開發(fā)用react做了線上平臺(tái),倉促選型,使用react16進(jìn)行開發(fā)身笤,兼容性和架構(gòu)問題上遇到了一些坑,特此做一個(gè)總結(jié)葵陵,防止日后遇到相同問題。
1.IE11
最新版react對(duì)于IE11的兼容性還是可以的,基本可以在正常引入babel-polyfill匕垫,babel-preset-stage0悦施,babel-es2015,babel-react后绊困,基本可以正常在IE11下運(yùn)行文搂。
2.IE10以下
這里對(duì)于最新版的react16基本就不要考慮了,react16用到了es6的Map對(duì)象秤朗,這一點(diǎn)IE10以下是不支持的煤蹭,而且目前Map方法也沒有辦法兼容處理,所以如果選擇react16開發(fā)的話川梅,IE10以下就不要考慮了疯兼。
3.react-router4.0
配合react16開發(fā),選擇了最新的react-router4做開發(fā)贫途,最新版react-router的開發(fā)理念有了很大的轉(zhuǎn)變吧彪,react-router-dom的路由需要在各個(gè)配置頁面下配置,不能在一個(gè)頁面中做整體的樹狀結(jié)構(gòu)配置丢早,這一點(diǎn)相對(duì)比較麻煩姨裸,懶加載方面查了一些文章秧倾,需要配合bundle-loader封裝一個(gè)相應(yīng)的組件,同時(shí)需要注意網(wǎng)上的很多寫法子組件是無法讀取到router的props屬性的傀缩,所以在調(diào)用時(shí)那先,需要將router的props在組件中傳遞一下。