在react-redux中选择所有checkBox功能

// Redux reducer
const initialState = {
  selectAll: false,
};

const reducer = (state = initialState, action) => {
  switch (action.type) {
    case 'SELECT_ALL':
      return {
        ...state,
        selectAll: !state.selectAll,
      };
    default:
      return state;
  }
};

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

const CheckboxComponent = ({ selectAll, toggleSelectAll }) => {
  const handleSelectAll = () => {
    toggleSelectAll();
  };

  return (
    <div>
      <input type="checkbox" checked={selectAll} onChange={handleSelectAll} />
      Select All
    </div>
  );
};

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

const mapDispatchToProps = (dispatch) => ({
  toggleSelectAll: () => dispatch({ type: 'SELECT_ALL' }),
});

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