如何在redux中替换数组数据？

const initialState = {
  data: []
};

const replaceData = (newData) => {
  return {
    type: 'REPLACE_DATA',
    payload: newData
  };
};

const reducer = (state = initialState, action) => {
  switch (action.type) {
    case 'REPLACE_DATA':
      return {
        ...state,
        data: action.payload
      };
    default:
      return state;
  }
};

import { connect } from 'react-redux';
import { replaceData } from './actions';

const MyComponent = ({ data, replaceData }) => {
  const handleReplaceData = () => {
    const newData = [1, 2, 3]; // 新的数组数据
    replaceData(newData);
  };

  return (
    <div>
      <button onClick={handleReplaceData}>替换数组数据</button>
      <ul>
        {data.map((item, index) => (
          <li key={index}>{item}</li>
        ))}
      </ul>
    </div>
  );
};

const mapStateToProps = (state) => {
  return {
    data: state.data
  };
};

const mapDispatchToProps = {
  replaceData
};

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