Reduxはコンポーネントの小道具を更新しません

Question

ここでは、Stack Overflowで関連するすべての質問を試しましたが、この問題の解決策はまだ見つかりませんでした。

私はmeというレデューサーを持っており、foldersというオブジェクトの配列を更新しようとしています。meレデューサーを更新するとコンポーネントが更新されません。ここで

は、私は私のコンポーネントで減速を更新しています方法は次のとおりです。

class ComponentA extends Component { 
    ... 
    updateUploadedFiles(file) { 
    console.log(this.props.store); 
    const newFolders = this.props.me.folders.map(
     folder => 
     folder._id === file.parent._id 
      ? { 
       ...folder, 
       files: [...folder.files, file.file] 
      } 
      : folder 
    ); 

    this.props.updateMe({ 
     ...this.props.me, 
     folders: newFolders 
    }); 
    } 
    ... 
} 

function mapStateToProps(state) { 
    return { 
    me: state.me, 
    path: state.path, 
    filesToUpload: state.uploads 
    }; 
} 

function mapDispatchToProps(dispatch) { 
    return bindActionCreators(
    { 
     updatePath, 
     updateMe, 
     updateUploads 
    }, 
    dispatch 
); 
} 

export default connect(mapStateToProps, mapDispatchToProps, null, { 
    pure: false 
})(Upload); 

これは私のupdateMeアクションのコードです：

export const updateMe = state => ({ 
    type: "UPDATED_ME", 
    payload: state 
}); 

そして、これはme減速機のコードです：

export default function(state = "NOT_AUTHENTICATED", action) { 
    switch (action.type) { 
    case "UPDATED_ME": 
     return action.payload; 
    default: 
     return state; 
    } 
} 

また、私はレデューサーを組み合わせています：

Answer 1

これは還元方法ではありません。あなたは必見はReduxのは、ストアが変更されたことを「知っている」と聞かせて任意の依存コンポーネントを更新するためにアクションを派遣あなたの再来店の任意の一部を更新するために

。

オブジェクトの状態はで、変更不可能なである必要があります。