是否可以将整个Redux状态对象传递到React组件中？

Question

我们有一个需要访问Redux商店的组件。

import React from 'react'
import { connect } from 'react-redux'

const Component = (props) => {
   ... code ...
}

我们已使用将这个组件连接到商店connect。

export default connect(mapStateToProps)(Component)

现在，我们需要定义mapStateToProps将作为第一个参数传递给connect。

const mapStateToProps = state => ({ ...state })

为什么或为什么不是一种将数据注入组件的可接受方法？这是否会使此组件在触发渲染的每种情况下都重新渲染？

欢迎提供文档和示例。

演示申请

仅供参考：我正在此视频的第二部分中进行此操作，并考虑将其作为最终解决方案。很想知道Stack对此代码的想法。

Answer 1

我认为将整个 Redux 状态传递到组件中是一个坏主意。

尽管您的组件今天使用了商店的所有变量，但将来情况可能会有所不同。

想象一下，将来您或其他人创建许多新组件来处理商店中的变量。你看？第一个组件会接收大量不必要的数据。