时间戳

首页 > 解决方案 > React-Redux 将元素添加到列表会导致所有元素的渲染

javascript - React-Redux 将元素添加到列表会导致所有元素的渲染

问题描述

在我的 React/Redux 应用程序中，我有一个我在仪表板中呈现的对象列表。我定期更新该列表：为了简化，我在减速器中使用以下操作进行了测试（其中action.payload是要添加的对象）。

case Actions.SET_TERMINAL_LIST:
  return {
    ...state,
    terminalList: [
       ...state.terminalList,
       action.payload
    ]
  }

尽管我只是将一个对象添加到列表中而不使其他对象静音，但更新导致列表中每个元素的重新渲染。这是正常的行为吗？

我正在尝试寻找一致的解决方案，我真的会避免使用shouldComponentUpdate来调节更新。有更好的解决方案吗？

标签： javascriptreactjsredux

解决方案

推荐阅读