如何在功能组件中将状态和操作传递给Redux？

// 定义一个action类型和操作
const INCREMENT = 'INCREMENT';
const DECREMENT = 'DECREMENT';

const increment = () => ({
  type: INCREMENT
});

const decrement = () => ({
  type: DECREMENT
});

// 定义一个reducer
const counterReducer = (state = 0, action) => {
  switch (action.type) {
    case INCREMENT:
      return state + 1;
    case DECREMENT:
      return state - 1;
    default:
      return state;
  }
};

// 创建Redux的store
const store = Redux.createStore(counterReducer);

// 定义一个功能组件
const Counter = ({ count, increment, decrement }) => (
  <div>
    <p>Count: {count}</p>
    <button onClick={increment}>Increment</button>
    <button onClick={decrement}>Decrement</button>
  </div>
);

// 将状态和操作传递给Redux
const mapStateToProps = state => ({
  count: state
});

const mapDispatchToProps = dispatch => ({
  increment: () => dispatch(increment()),
  decrement: () => dispatch(decrement())
});

// 连接Redux的store和组件
const ConnectedCounter = ReactRedux.connect(
  mapStateToProps,
  mapDispatchToProps
)(Counter);

// 渲染组件
ReactDOM.render(
  <ReactRedux.Provider store={store}>
    <ConnectedCounter />
  </ReactRedux.Provider>,
  document.getElementById('root')
);