javascript - 将整个 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 })

为什么这种将数据注入(inject)组件的方法是可以接受的，或者为什么不是？这会使该组件在触发渲染的每种情况下都重新渲染吗？

欢迎提供文档和示例。

Demo Application

仅供引用:我正在为这个 video 的第二部分做这件事并考虑将其列为最终解决方案。很想知道 Stack 对这段代码的看法。

Answer 1

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

虽然你今天的组件使用了 store 的所有变量，但在未来它可能是不同的情况。

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