Обновление до состояния не отображается в компоненте в Redux

Question

Я обновляю transcriptDisplay в редукторе (у меня есть метод при нажатии кнопки, чтобы обновить состояние). Я вижу, что он обновляется в дереве состояний.

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

Но он не отображается на виду. Это видная часть:

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

Что я делаю неправильно?

Answer 1

Funkadelic (крутое название) при отображении над объектами, используйте return и завернуть transcript.text в реакции узел т.е.

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

Дайте ему идти, вы должны увидеть