使用React Redux时，我们经常会遇到需要将组件与Redux store连接起来的情况。这可以通过使用高阶组件（Higher-Order Components，HOC）来实现。HOC是一个函数，接受一个组件作为参数，并返回一个新的组件。

javascript
import React from 'react';
import { connect } from 'react-redux';
// 定义一个普通的React组件
class MyComponent extends React.Component {
  render() {
    // 使用从Redux store传递过来的props
    const { count, increment } = this.props;
    
    return (
      
        
当前计数: {count}
        增加
      
    );
  }
}
// 定义一个将Redux store中的状态映射到组件props的函数
const mapStateToProps = state => ({
  count: state.count
});
// 定义一个将action creators映射到组件props的函数
const mapDispatchToProps = dispatch => ({
  increment: () => dispatch({ type: 'INCREMENT' })
});
// 使用connect函数创建一个新的连接组件
const ConnectedComponent = connect(mapStateToProps, mapDispatchToProps)(MyComponent);
export default ConnectedComponent;