React Redux不傳遞數據

Question

我正在嘗試學習Reux與Redux。 作爲我選擇的入門工具包"react-redux-universal-hot-example"

我想創建一個顯示一些數據的新頁面。我緊跟Widgets頁面，但由於某種原因，我的頁面沒有顯示數據。

在這裏我做了什麼：

• 我創建了一個新的容器： Outfits.js

• 新增行動API文件夾： load.js

• 加入終極版模塊outfits.js

它一定是比較小，我失蹤，但我不知道什麼。

整個項目，我的變化是在這裏： https://github.com/zunperior/wear4cast

Answer 1

的@asyncConnect裝飾不會取代@connect裝飾。您正在使用asyncConnect在需要時加載數據，但沒有將商店中的數據連接到組件。您需要在第3行取消導入連接的註釋，然後使用它將您的道具連接到redux商店。

@asyncConnect([{ 
    deferred: true, 
    promise: ({store: {dispatch, getState}}) => { 
    if (!isLoaded(getState())) { 
     return dispatch(loadOutfits()); 
    } 
    } 
}]) 
@connect(
    state => ({ 
     outfits: state.outfits.data, 
     error: state.outfits.error, 
     loading: state.outfits.loading 
    }), 
    {} 
) 
export default class Outfits extends Component { 
    static propTypes = { 
    outfits: PropTypes.string, 
    error: PropTypes.string, 
    loading: PropTypes.bool 
    }; 
    // ... 
}