更新嵌套对象的字段，但不在React Redux中重新呈现视图(UI)

const initialState = {
  user: {
    name: 'John',
    age: 25
  }
};

const updateUser = (user) => {
  return {
    type: 'UPDATE_USER',
    payload: user
  };
};

const reducer = (state = initialState, action) => {
  switch (action.type) {
    case 'UPDATE_USER':
      return {
        ...state,
        user: {
          ...state.user,
          ...action.payload
        }
      };
    default:
      return state;
  }
};

import { connect } from 'react-redux';
import { updateUser } from '../actions';

class MyComponent extends React.Component {
  // ...
  
  handleUpdateUser = () => {
    const updatedUser = {
      age: 30
    };
    this.props.updateUser(updatedUser);
  }
  
  render() {
    // ...
  }
}

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

export default connect(mapStateToProps, { updateUser })(MyComponent);

render() {
  const { name, age } = this.props.user;
  
  return (
    <div>
      <p>Name: {name}</p>
      <p>Age: {age}</p>
      
      <button onClick={this.handleUpdateUser}>Update Age</button>
    </div>
  );
}