在組件中訪問 Store 的最佳方法是使用`connect()`函數，該函數創建一個包裹現有組件的新組件。此模式稱為*高階組件*，通常是在 React 中擴展組件功能的首選方式。這允許您將狀態和 Action 創建者映射到組件，并在 Store 更新時自動傳遞它們。 我們來看一個使用 connect 的`<FilterLink>`組件的例子： ~~~js 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()`直接訪問 Store（使用上下文API）。 ~~~js class MyComponent { someMethod() { doSomethingWith(this.context.store) } } ~~~