商店的不同實例

Question

夥計們。

我讓項目在瀏覽器中有選項卡。每個標籤都包含具有不同設置和這些搜索結果的用戶搜索。我找不到存儲這些數據的正確方法。

我想，我需要一些商店。因爲我只有一些標籤可以在不同的應用程序之間切換用戶，但在一個裏面。在其他情況下，我需要存儲兩次數據 - 記住當前狀態，並在某個「歷史記錄」縮減器中收集舊搜索。

對不起，這是我第一次在這裏體驗，如果有人能幫到你，請幫忙。

Answer 1

您可以創建多個數據包含變量及其值的類。這些數據類然後可以在創建商店時被組合和使用。

此方法允許您在商店中擁有多個部分，並且您的每個部件都可以訂閱他們所需的部分。組件將擁有他訂閱的這些部分的數據，並在更新其中一個部分時重新呈現。

實施例的

數據類：

pageData.js

export const pageData = { 
    pageNumber: 1, 
    pageSize: 30, 
}; 

userData.js

export const userData = { 
    language: 'English', 
    timezone: 'ESTERN', 
}; 

創建商店時，這些類，然後組合：

store.js

import pageData from .../pageData; 
import userData from .../userData; 

const defaultState = { 
    pageData, 
    userData, 
}; 

export const store = createStore(rootReducer, defaultState)); 

你減速，需要修改pageData需要有名字pageData爲好。 userData也是如此。

完成所有這些設置後，您必須將mapStateToProps()組件添加到您希望它們訂閱的數據中。

例如，如果你希望你的PageComponent.js只知道pageData，則該組件，您將使用方法：

function mapStateToProps (state) { 
    return { 
    pageData: state.pageData 
    }; 
} 

我會建議尋找到redux documentation學習如何設置mapStateToProps（）。

當所有這些都完成後，您可以console.log(this.props)並看到您的數據部分在那裏，並很好地分開。