試用React語法的多端框架Taro問題彙總

Taro 是由京東 - 凹凸實驗室打造的一套遵循 React 語法規範的多端統一開發框架。

我試用了有15天左右，總的來講，這是一款優秀的框架，尤爲補充了目前市面上沒法用 React 開發小程序的需求空缺，因此其優勢就很少說了，你們可去其官方查看詳細文檔

下面說下個人試用感覺，但願幫助後面使用Taro的同窗少踩一些坑；由於能力有限，可能瞭解和認識會有一些不到位的地方，還望各路大佬不吝留言賜教

存在的問題

如下，是我在使用Taro過程當中遇到的影響開發流程或體驗的地方：

1. 不支持source map，調試可經過debugger
2. 不支持alias，因此項目裏會有大片大片的 ../../../，不利於後期維護
3. 全局請求的需求，官方未有最佳方案。理應app.tsx是最合適的地方，可是該組件的Provider組件內寫的任何組件都會被Taro替換掉。我目前是經過在app.tsx裏經過store.dispatch(action)發送全局異步請求
4. redux/connect方法的mapStateToProps缺乏第二個參數ownProps
5. 組件嵌套時，taro生命週期與react生命週期執行順序有差別，如圖是Taro的生命週期執行順序，能夠看到componentDidMount跟React是相反的。
6. 不可使用 ... 拓展操做符給組件傳遞屬性，<Comp {...props} />寫法錯誤
7. 屬性不能傳入 JSX 元素，<Content footer={<View />} />寫法錯誤

展望

雖然存在以上種種問題，仍是要感謝京東前端團隊可以開源一款React語法的多端開發框架，讓咱們React粉兒可以用React開發小程序；以上有些問題我已提了PR，如Q4，而且維護人員很快將PR進行了merge，凹凸團隊對這個項目的重視程度和責任心可見一斑，因此我相信，凹凸團隊必定能夠把Taro不斷完善的，加油！