React, Redux: обновление состояния и повторный рендеринг дочерних элементов

Сценарий, с которым я сталкиваюсь, заключается в том, что у меня есть массив заданий, хранящихся в состоянии Redux. У меня есть контейнер, который получает доступ к данным с подключением Redux и использует параметр из this.props.params, чтобы затем найти подходящее задание, а затем передать его детям в качестве опоры.

В дочернем компоненте задание запускает действие, которое обновляет задание, а затем объединяется и обновляет задания в хранилище. Кажется, это работает нормально, но когда контейнер повторно отображает дочерний элемент, это не так. Я вижу, что это как-то связано с тем фактом, что я не храню работу как реквизит или состояние.

Мой вопрос: как лучше всего (Redux) справиться с этим?

Поэтому, если я изменю JobShow, включив в него jobs={jobs}, он будет повторно отображаться по мере обновления заданий. Похоже, это указывает на то, что состояние не мутирует. Я также могу подтвердить, что сам контейнер повторно отображает и даже повторно запускает renderView(), но не выполняет повторный рендеринг JobShow.

Контейнер:

import React, { Component } from 'react';
import { connect } from 'react-redux';
import * as actions from '../../actions';
import JobShow from './job_show';


class JobContainer extends Component {
  constructor(props){
    super(props);
  }

  renderView(job, customer){
    let viewParam = this.props.params.view;
    switch(viewParam){
      case "edit": return <JobEdit customer={customer} job={job}/>
      case "notes": return <JobShow customer={customer} activeTab={"notes"} job={job}/>
      case "quote": return <JobShow customer={customer} activeTab={"quote"} job={job}/>
      case "invoice": return <JobShow customer={customer} activeTab={"invoice"} job={job}/>
      default: return <JobShow customer={customer} activeTab={"notes"} job={job}/>
    }
  }
  render() {
    let { jobs, customers } = this.props;

    if (jobs.length < 1 || customers.length < 1){
      return <div>Loading...</div>;
    }
    let job = jobs.find(jobbie => jobbie.displayId == this.props.params.jobId);
    let customer = customers.find(customer => customer._id.$oid == job.customers[0]);

    return (
      <div className="rhs">
        {this.renderView(job, customer)}
      </div>
    );
  }
}
JobContainer.contextTypes = {
  router: React.PropTypes.object.isRequired
};
function mapStateToProps(state) {
  return  { 
    jobs: state.jobs.all,
    customers: state.customers.all
  };
}

export default connect(mapStateToProps, actions )(JobContainer);

Фрагмент редуктора:

import update from 'react-addons-update';
import _ from 'lodash';

export default function(state= INITIAL_STATE, action) {
  switch (action.type) {
    case FETCH_ALL_JOBS:     
      return { ...state, all: action.payload, fetched: true };

    case UPDATE_JOB_STATUS:

      let newStatusdata = action.payload;

      let jobToUpdate = state.all.find(jobbie => jobbie.displayId == newStatusdata.displayId);
      jobToUpdate.status = newStatusdata.newStatus;
      jobToUpdate.modifiedAt = newStatusdata.timeModified;

      let updatedJobIndex = _.indexOf(state.all, state.all.find(jobbie => jobbie.displayId == newStatusdata.displayId));
      let updatedState = update(state.all, {$merge: {[updatedJobIndex]: jobToUpdate}});

      return { ...state, all: updatedState}