如何在树中更新Redux依赖状态对象？

// actions.js
const updateStatus = (newStatus) => {
  return {
    type: 'UPDATE_STATUS',
    payload: newStatus
  };
};

// reducers.js
const statusReducer = (state = {}, action) => {
  switch (action.type) {
    case 'UPDATE_STATUS':
      return {
        ...state,
        status: action.payload
      };
    default:
      return state;
  }
};

const rootReducer = combineReducers({
  status: statusReducer
});

// store.js
const store = createStore(rootReducer);

// component.js
import React from 'react';
import { connect } from 'react-redux';
import { updateStatus } from './actions';

class MyComponent extends React.Component {
  // ...
  render() {
    return (
      <div>
        <p>Status: {this.props.status}</p>
        <button onClick={() => this.props.updateStatus('new status')}>
          Update Status
        </button>
      </div>
    );
  }
}

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

const mapDispatchToProps = {
  updateStatus
};

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