Question

我在reducer中更新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>
    ))}

试一试，你应该看到输出

更新到状态不会显示在Redux

1 个答案: