React-Leaflet: Polyline不会更改颜色，尽管Redux商店中的颜色值正在更新

// Redux reducer中的初始状态
const initialState = {
  polylineColor: 'blue'
};

// Redux reducer中的动作处理
const reducer = (state = initialState, action) => {
  switch(action.type) {
    case 'UPDATE_POLYLINE_COLOR':
      return {
        ...state,
        polylineColor: action.payload
      };
    default:
      return state;
  }
};

import { connect } from 'react-redux';
import { Polyline } from 'react-leaflet';

const MyPolyline = ({ polylineColor, updatePolylineColor }) => {
  const handleColorChange = () => {
    const newColor = 'red'; // 假设需要更改为红色
    updatePolylineColor(newColor);
  };

  return (
    <div>
      <button onClick={handleColorChange}>Change Color</button>
      <Polyline color={polylineColor} positions={[[51.505, -0.09], [48.8566, 2.3522]]} />
    </div>
  );
};

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

const mapDispatchToProps = dispatch => ({
  updatePolylineColor: color => dispatch({ type: 'UPDATE_POLYLINE_COLOR', payload: color })
});

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