2017-02-20 105 views
-2

我更新了reducer中的transcriptDisplay(我有一個按鈕單擊來更新狀態的方法)。我可以看到它在狀態樹中得到更新。更新狀態不會顯示在Redux中的組件

case actions.TRANSCRIPT_GET: 
    return Object.assign({}, state, { 
    transcriptDisplay: action.payload, 
    }); 

但它不會呈現在視圖上。這是視圖部分:

{this.props.activeVideo.transcriptDisplay && this.props.activeVideo.transcriptDisplay.map(transcript => (
     transcript.text 
    ))} 

我在做什麼錯了?

+0

您使用的是陣營/ redux綁定 - 如果是這樣,你的'connect'調用是什麼樣的? –

回答

0

FUNKADELIC(很酷的名字)在對象映射時,使用return,並在包裹transcript.text反應點即

{this.props.activeVideo.transcriptDisplay && this.props.activeVideo.transcriptDisplay.map((transcript, i) => (
     return <div key={i}>{transcript.text}</div> 
    ))} 

搏一搏,你應該看到輸出

+0

我確實有return語句。我想到了這個問題。這是因爲高級包裝沒有傳遞道具 – funkadelic

相關問題