React redux更新平面列表项，但将项转换为数组

// 定义初始状态
const initialState = {
  items: ['item1', 'item2', 'item3']
};

// 定义action类型
const UPDATE_ITEMS = 'UPDATE_ITEMS';

// 定义action函数
const updateItems = (newItems) => ({
  type: UPDATE_ITEMS,
  payload: newItems
});

// 定义reducer函数
const reducer = (state = initialState, action) => {
  switch (action.type) {
    case UPDATE_ITEMS:
      return {
        ...state,
        items: action.payload
      };
    default:
      return state;
  }
};

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

// 创建React组件
class ItemList extends React.Component {
  handleUpdate = () => {
    // 触发更新操作
    const newItems = ['item4', 'item5', 'item6'];
    this.props.updateItems(newItems);
  };

  render() {
    // 获取更新后的数据
    const { items } = this.props;

    // 渲染平面列表项
    const listItems = items.map((item, index) => (
      <li key={index}>{item}</li>
    ));

    return (
      <div>
        <ul>{listItems}</ul>
        <button onClick={this.handleUpdate}>更新列表项</button>
      </div>
    );
  }
}

// 定义selector函数
const getItems = (state) => state.items;

// 将组件连接到Redux的store
const ConnectedItemList = ReactRedux.connect(
  (state) => ({
    items: getItems(state)
  }),
  { updateItems }
)(ItemList);

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