使用es6和redux实现嵌套对象的可变性

const initialState = {
  user: {
    name: 'John',
    age: 25,
    address: {
      city: 'New York',
      country: 'USA'
    }
  }
};

import { combineReducers } from 'redux';

const userReducer = (state = initialState.user, action) => {
  switch (action.type) {
    // 处理用户相关的action
    default:
      return state;
  }
};

const addressReducer = (state = initialState.user.address, action) => {
  switch (action.type) {
    // 处理地址相关的action
    default:
      return state;
  }
};

const rootReducer = combineReducers({
  user: userReducer,
  address: addressReducer
});

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

const newState = rootReducer(initialState, updateUser('Jane', 30));

import { connect } from 'react-redux';

const UserComponent = ({ name, age }) => {
  return (
    <div>
      <p>Name: {name}</p>
      <p>Age: {age}</p>
    </div>
  );
};

const mapStateToProps = state => {
  return {
    name: state.user.name,
    age: state.user.age
  };
};

export default connect(mapStateToProps)(UserComponent);