React Native Redux -如何更新数组中的项？

const initialState = {
  items: ['item1', 'item2', 'item3']
};

const reducer = (state = initialState, action) => {
  switch (action.type) {
    case 'UPDATE_ITEM':
      const updatedItems = state.items.map((item, index) => {
        if (index === action.payload.index) {
          return action.payload.updatedItem;
        }
        return item;
      });
      return { ...state, items: updatedItems };
    default:
      return state;
  }
};

const updateItem = (index, updatedItem) => {
  return {
    type: 'UPDATE_ITEM',
    payload: {
      index,
      updatedItem
    }
  };
};

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

class MyComponent extends React.Component {
  // ...
}

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

const mapDispatchToProps = {
  updateItem
};

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

class MyComponent extends React.Component {
  handleUpdateItem = () => {
    const { updateItem } = this.props;
    updateItem(1, 'updatedItem');
  }

  render() {
    const { items } = this.props;
    // 在UI中展示更新后的数组
    return (
      <View>
        {items.map((item, index) => (
          <Text key={index}>{item}</Text>
        ))}
        <Button onPress={this.handleUpdateItem} title="Update Item" />
      </View>
    );
  }
}