2017-02-20 77 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

相关问题