#React 访问Redux商店的正确方法是什么？

访问组件中商店的最佳方法是使用该connect()函数，该函数将创建一个新组件，该组件将现有组件包裹起来。这种模式称为高阶组件，通常是在React中扩展组件功能的首选方式。这使您可以将状态和动作创建者映射到您的组件，并在商店更新时自动将它们传递给您。

让我们以 使用connect 的组件为例：

import { connect } from 'react-redux'
import { setVisibilityFilter } from '../actions'
import Link from '../components/Link'

const mapStateToProps = (state, ownProps) => ({
  active: ownProps.filter === state.visibilityFilter
})

const mapDispatchToProps = (dispatch, ownProps) => ({
  onClick: () => dispatch(setVisibilityFilter(ownProps.filter))
})

const FilterLink = connect(
  mapStateToProps,
  mapDispatchToProps
)(Link)

export default FilterLink

由于它具有许多性能优化并且通常不太可能导致错误，因此Redux开发人员几乎总是建议connect()直接使用过度访问商店（使用上下文API）。

class MyComponent {
  someMethod() {
    doSomethingWith(this.context.store)
  }
}