2016-06-13 57 views
1

我目前使用reactjsredux,我是一個新手。Reactjs避免通過嵌套傳遞參數

在我當前的代碼中,我有一個對象被傳遞給下面的代碼。我想避免這種情況,並將它放在道具中,這樣我就不需要嵌套它了。這是否可以使用reactjs?

實施例:

module.exports ({ obj1 }) return <ul text: obj1></ul> 

這又進一步分成其他方法調用。

我是否應該展開對象道具並避免傳遞完整的對象?

+0

聽起來好像你希望你的組件是'connect'ed組件,以便你的狀態可以作爲道具傳遞給組件。這是你在追求什麼?如果是這樣,你可以用'connect'封裝你的導出,並將數據添加到'mapStateToProps'中的道具上。 –

回答

0

我絕對認爲你應該擴大對象,只傳遞你的孩子組件所需的道具。這樣您就可以以最小的責任來開發組件,從而促進重用。這是創建容器和演示組件的常用模式。

丹·阿布拉莫夫,Redux的創造者,有一些驚人的egghead教程,這將幫助你肯定。檢查出來這裏:

而當你已經建立了一定的經驗,檢查了他的新的教訓一套對付一些更高級的概念(棍子的第一課,雖然直到你對Redux有適當的把握)。

+0

可能傳播運營商做的伎倆? – tjhack

+0

真的取決於你的用例。 'obj1'中包含多少個道具?你的子組件是否真的需要所有的屬性?將組件重點放在實際消耗/使用的道具上會促進組件重用。 Def檢查這些課程。 :) – ctrlplusb

+0

對象真的很大。子組件需要所有對象。 – tjhack

0

context API專門被設計用來通過組件樹傳遞數據,同時仍保留與物業現有行爲。