Redux Reactjs中的react切换checkall按钮

const initialState = {
  items: [],
  checkAll: false
};

const reducer = (state = initialState, action) => {
  switch (action.type) {
    case 'ADD_ITEM':
      return {
        ...state,
        items: [...state.items, action.payload]
      };
    case 'TOGGLE_CHECK_ALL':
      return {
        ...state,
        checkAll: !state.checkAll,
        items: state.items.map(item => ({
          ...item,
          checked: !state.checkAll
        }))
      };
    // 其他操作...
    default:
      return state;
  }
};

import React from 'react';
import { connect } from 'react-redux';

const MyComponent = ({ items, checkAll, addItem, toggleCheckAll }) => {
  return (
    <div>
      <button onClick={addItem}>添加选项</button>
      <button onClick={toggleCheckAll}>{checkAll ? '取消全选' : '全选'}</button>
      <ul>
        {items.map(item => (
          <li key={item.id}>
            <input type="checkbox" checked={item.checked} />
            {item.label}
          </li>
        ))}
      </ul>
    </div>
  );
};

const mapStateToProps = state => ({
  items: state.items,
  checkAll: state.checkAll
});

const mapDispatchToProps = dispatch => ({
  addItem: () => dispatch({ type: 'ADD_ITEM', payload: { id: Date.now(), label: '选项' } }),
  toggleCheckAll: () => dispatch({ type: 'TOGGLE_CHECK_ALL' })
});

export default connect(mapStateToProps, mapDispatchToProps)(MyComponent);