如何在redux中替换对象属性值

const initialState = {
  user: {
    name: 'John',
    age: 25,
    email: 'john@example.com'
  }
};

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

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

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

const App = ({ user, updateUser }) => {
  const handleNameChange = (e) => {
    updateUser('name', e.target.value);
  };

  return (
    <div>
      <input type="text" value={user.name} onChange={handleNameChange} />
      <p>Name: {user.name}</p>
      <p>Age: {user.age}</p>
      <p>Email: {user.email}</p>
    </div>
  );
};

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

const mapDispatchToProps = {
  updateUser
};

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