javascript - Redux:连接组件列表的性能

标签 javascript reactjs performance redux react-redux

我有一些 <List>将大量属性传递给 <ListItem> 的连接组件成分。由于传递的属性过多,已经到了需要重构的地步。

假设我扭转局面,改为制作 <ListItem>一个连接的组件,这样我就不需要传递那么多属性了。我是否希望看到我的 UI 渲染性能下降或性能提高?

我已经阅读了一些资料,但无法找到我的问题的确切答案。

最佳答案

通常,连接更多组件对性能更好,因为运行更多 mapState 函数的成本低于进行更多“浪费”的组件重新渲染的成本。

请参阅 performance 上的 Redux 常见问题解答条目和 connecting multiple components ,以及我的博文 Practical Redux, Part 6: Connected Lists and Performance了解更多详情。

关于javascript - Redux:连接组件列表的性能,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52121804/

相关文章:

mysql - 数据库索引优化咨询

javascript - 从 SQlite 中提取 Lat Long 并显示在 webview 上

javascript - 在 JavaScript 中使用数组

javascript - 编辑 : How to import MP3 files in React app

python - 为什么对邻居进行平均的速度如此之慢?

sql - 从每个组中选择第一行,ORDER BY 超过一列

javascript - 一键打开多个javascript弹出框

javascript - vuejs 延迟加载组件,无需路由器

reactjs - 类型错误 : Cannot read property '_context' of undefined

javascript - useSelector() 返回未定义