如何在Redux中创建固定宽度覆盖数组？

const initialState = {
  array: new Array(10).fill(null) // 创建一个长度为10的数组，初始值为null
};

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

const updateArray = (newArray) => ({
  type: 'UPDATE_ARRAY',
  payload: newArray
});

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

// 创建store
const store = createStore(reducer);

// 定义组件
const MyComponent = ({ array, updateArray }) => {
  // 在组件中使用array和updateArray
  return (
    <div>
      <button onClick={() => updateArray(new Array(10).fill('value'))}>
        更新数组
      </button>
      <ul>
        {array.map((item, index) => (
          <li key={index}>{item}</li>
        ))}
      </ul>
    </div>
  );
};

// 将state映射到组件的props
const mapStateToProps = (state) => ({
  array: state.array
});

// 将updateArray action映射到组件的props
const mapDispatchToProps = {
  updateArray
};

// 使用connect函数连接Redux和组件
export default connect(mapStateToProps, mapDispatchToProps)(MyComponent);