鍍金池/ 問答/HTML5  HTML/ React Native一個(gè)頁面有多個(gè)組件，分別渲染不同的數(shù)據(jù)，我應(yīng)該在哪個(gè)組件

React Native一個(gè)頁面有多個(gè)組件，分別渲染不同的數(shù)據(jù)，我應(yīng)該在哪個(gè)組件內(nèi)處理數(shù)據(jù)呢？

Q：React Native一個(gè)頁面由多個(gè)組件組件構(gòu)成，分別渲染不同的數(shù)據(jù)，那么這個(gè)數(shù)據(jù)我是通過主容器組件請(qǐng)求，再通過props傳遞給組件，還是直接在組件內(nèi)請(qǐng)求后渲染呢？

現(xiàn)在我使用的是每個(gè)組件中單獨(dú)請(qǐng)求數(shù)據(jù)并渲染，但是我發(fā)現(xiàn)如果打印數(shù)據(jù)時(shí)，會(huì)有多次輸出，這應(yīng)該是進(jìn)行了多次渲染吧？

我應(yīng)該如何處理較為合適呢？

回答
編輯回答
旖襯

我比較推薦在主容器中進(jìn)行數(shù)據(jù)的請(qǐng)求和處理。
大家公認(rèn)的React-Native的設(shè)計(jì)思路是：創(chuàng)建多個(gè)只負(fù)責(zé)渲染數(shù)據(jù)的無狀態(tài)React Native組件，將它們封裝在一個(gè)有狀態(tài)的React Native組件中，并把這個(gè)有狀態(tài)的React Native組件的狀態(tài)機(jī)變量的值通過props傳給無狀態(tài)的React Native組件。
而你的設(shè)計(jì)思路是頁面的子組件是封閉的具有私有狀態(tài)的，與上面的設(shè)計(jì)思路正好相反。

2018年1月1日 17:16