小编You*_*reo的帖子

上下文：我正在尝试制作一个使用 react redux 和 socket.io 的 Web 客户端。该设计的灵感来自 whatsapp，老实说，这只是我用来学习 react 和 redux 的一个有趣的小项目。

主要问题是我有一个 ActiveChat 组件，它不会在商店更改和识别更改时重新呈现。Redux Devtools 甚至显示了差异和状态变化。

该组件已连接：

//Redux Mapping for Store and Actions
const mapStateToProps = state => {
  return { activeChat: state.activeChat };
};

const mapDispatchToProps = dispatch => {
  return {
    updateActiveChat: chat => dispatch(updateActiveChat(chat))
  }
}

const activeChatConnected = connect(mapStateToProps,mapDispatchToProps)(ActiveChat)


export default activeChatConnected;

我有一个想法，我可能不会以某种方式保持状态纯洁，因为这是我的第一个在 javascript 中使用状态不变性的探戈，并希望我能得到社区的帮助

代码可在此处获得：https : //github.com/YourFavouriteOreo/ChatClient（始终欢迎反馈，因为我正在努力提高 JavaScript 水平）

有问题的代码片段具体是：

# src/reducers
const rootReducer = (state = initialState,action) => {
      switch(action.type){ …