使用redux在React組件中加載嵌套數據

Question

我有一個問題。我有一個redux商店，我有這樣的一些數據：

team : { 
name: "team name" 
id: 2, 
players : [ 1, 3, 4, 5 ] 
} 

玩家列表是指我的數據庫後端的ID。

然後，我有一個TeamComponent，我需要顯示的名稱和球員，對於球員我還有一個組件，該組件中，我想重複的球員，並顯示玩家姓名，照片等年齡

但我不知道如何將數據傳遞給該組件，因爲我只有ids（1,2,3,4），我應該做一個ajax請求，然後呈現子組件？但我應該在哪裏存儲這些數據？因爲我想讓自己的店鋪儘可能簡單。

在此先感謝

Answer 1

你要善於通過以下步驟：

1. 假設你有某種REST API和fetching logic - 從頂部構件與球員相關的資源請求數據。

2. Add received data to the state tree。你應該分別有teams和players減速器。

3. Map state to props inside components並呈現必要的數據。