राज्य में परिवर्तन प्रॉप्स में प्रचार नहीं करता है

जब मैं घटक में इसे एक्सेस करने का प्रयास करता हूं तो state में props में परिवर्तन का प्रचार नहीं करने के बारे में रिएक्ट रिडक्स के साथ "क्लासिक" समस्या है।

यहां मैंने वह पढ़ा है

99.9% समय, ऐसा इसलिए है क्योंकि आप गलती से डेटा को बदल रहे हैं, आमतौर पर आपके रेड्यूसर में

क्या आप मुझे बता सकते हैं कि मैं क्या गलत कर रहा हूँ? सरणी में निर्दिष्ट ऑब्जेक्ट की संपत्ति की गहरी प्रतिलिपि कैसे करें यह अच्छा तरीका है?

नोट: रिटर्न स्टेटमेंट में रिड्यूसर में राज्य स्पष्ट रूप से सही ढंग से बदल गया है (इसे डिबग किया गया है)

reducer:

case 'TOGGLE_SELECTED_TAG':
        const toggledTagId = action.payload;

        const index = findItemById(state.tags, toggledTagId);
        const newTags = state.tags.slice(0);
        if(index >= 0)
        {
            newTags[index] = Object.assign(
                state.tags[index], 
                {selected: !state.tags[index].selected});

            state.tags = newTags;
        }

        return Object.assign({}, state);

घटक:

import React from 'react';
import { Button, FormControl, Table, Modal } from 'react-bootstrap';
import { connect } from 'react-redux';
import axios from 'axios';

import {selectTagAction} from '../../actions/actions'

@connect((store) => {
return {
    tags: store.TagsReducer.tags,
}
})

export default class AssignTag extends React.Component {
constructor(props) {
    super(props);

    this.handleTagClick = this.handleTagClick.bind(this);
}

handleTagClick(element) {
    debugger;
    this.props.dispatch(selectTagAction(element));
}

 render() {
    const tags = this.props.tags;
    console.log(tags);
    const mappedTags = tags.map(tag => {
        return (
            <div className="col-sm-12" key={tag.id} onClick={() => this.handleTagClick(tag.id)}
                style={{background: this.getBackgroundColor(tag.selected)}}>
                <span>{tag.name}</span>
            </div>
        )
    })

// code continues
}

}